선택한 옵션에 따라 값을 변경하는 방법은 무엇입니까?

나는 이오니아 응용 프로그램을 만들고 있는데, 내 응용 프로그램의 "카트"페이지에 문제가 있습니다. 옵션을 선택하면선택한 옵션에 따라 값을 변경하는 방법은 무엇입니까?

는 동적으로 항목의 가격을 표시하려고 :

<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

Mh .. 제 세 개의 체크 박스에 "ng-model ="price ""라고 쓰면 이해가 잘되지 않습니다. 버튼에 "참"또는 "거짓"이라고 쓰고 하나를 선택하면 동시에 3 개가 선택됩니다. 코드를 도와주세요. 초보자입니다. 미리 감사드립니다 – FrenchyNYC

선택한 옵션에 따라 값을 변경하는 방법은 무엇입니까?

답변

관련 문제