Question

我正在构建一个Ionic应用程序，我在使用＆＃34; cart＆＃34;我的应用页面。

选择选项时，我会尝试动态显示商品的价格：

<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）中的总价？

Answer 1

将ng-model与复选框一起使用，并使用“添加到购物车”部分中的模型

 <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>

如何根据选择的选项更改值？

1 个答案: