이온 드롭 다운 선택 문제

Question

이온이 새롭고 이온 드롭 다운 선택 구성 요소에 관한 문제가 있습니다. 드롭 다운을 구현했으며 레이블에서 선택한 옵션을 표시하고 싶습니다. 어떻게해야합니까? 지금은 옵션 만 선택할 수 있으며 그게 전부입니다. 선택한 옵션을 라벨에 표시하고 싶습니다.

여기에 내가 "은행 레이블을 선택"난에서 선택한 옵션을 표시합니다.

이 내가

<label><h4><b>Bank Name*</b></h4></label> 



<div class="list"> 
     <div class="item item-input item-select"> 
      <div class="input-label"> 
       Select your Bank 
      </div> 
      <select> 
       <option>Bank1</option> 
       <option>Bank2</option> 
       <option>Bank3</option> 
      </select> 
     </div> 
    </div> 

Answer 1

당신의 선택에 모델을 추가 내 드롭 다운 선택 구성 요소를 구현하는 방법이다. 그러면 다른 곳에서 사용할 수있는 범위의 변수가 만들어집니다.

<select ng-model="myVariable"> 

컨트롤러에 시작 값을 설정할 수 있습니다.

$scope.myVariable = 'Hello, world!'; 

그런 다음 HTML 형식으로 표시 할 수 있습니다.

<div>{{myVariable}}</div> 

이온 프레임 워크 및 각도 js 문서를 읽는 것이 좋습니다. :)