如何根據選擇的選項更改值？

我正在構建一個Ionic應用程序，並且遇到與我的應用程序的「購物車」頁面有關的問題。如何根據選擇的選項更改值？

我嘗試動態顯示該項目的價格時選擇的選項：

<form id="itemOrder-form2" class="list"> 
     <label class="item item-input" id="itemOrder-input13"> 
     <span class="input-label">Quantity</span> 
     <input type="number" placeholder="1"> 
     </label> 
     <ion-checkbox id="itemOrder-checkbox1">With option 1 (+$2)</ion-checkbox> 
     <ion-checkbox id="itemOrder-checkbox2">With option 2 (+$2)</ion-checkbox> 
     <ion-checkbox id="itemOrder-checkbox3">With option 3 (+$2)</ion-checkbox> 
     <label class="item item-input" id="itemOrder-input4"> 
     <input type="text" placeholder="Add some notes..."> 
     </label> 
     <div class="spacer" style="width: 300px; height: 33px;"></div> 
     <a ui-sref="menu2.menu" id="itemOrder-button3" class="button button-dark button-block">Add to cart ($15)</a> 
    </form>

我怎麼能在我的按鈕更新總價添加到基於期權車（$ 15）的用戶蜱和他選擇的數量？

來源

2017-04-19 FrenchyNYC

使用NG-模型的複選框，並在添加到購物車款使用該模型，

<ion-checkbox ng-model="price" id="itemOrder-checkbox1">With option 1 (+$2)</ion-checkbox>

然後

<a ui-sref="menu2.menu" id="itemOrder-button3" class="button button-dark button-block">Add to cart {{price}}</a>

來源

2017-04-19 01:27:27 Sajeetharan

你好，所以我做一個控制器，改變基於價格選項選擇？謝謝 – FrenchyNYC

@FrenchyNYC你不必在控制器上做任何事情，只要你改變價格模型就會更新 – Sajeetharan

......我不確定要理解，因爲如果我在我的三個複選框上寫上「ng-model =」price「」，在按鈕中寫入「True」或「False」，如果我選擇一個，它將同時選擇三個。你能幫我解碼嗎，我是初學者。預先感謝您 – FrenchyNYC

如何根據選擇的選項更改值？

回答

相關問題