選択したオプションに基づいて値を変更するにはどうすればよいですか？

Question

私は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）追加：

私はオプションが選択されているときに動的にアイテムの価格を表示してみてくださいユーザーのダニと彼が選ぶ数量？

Answer 1

使用チェックボックスと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>