AngularJS : 선택의 가치와 라벨을 얻는 방법?

Question

ng-model 속성과 함께 select 태그를 사용하고 있습니다. ng-model에서 선택된 요소의 값을 얻습니다. 선택한 요소의 레이블을 가져 오는 것도 가능합니다. 레이블과 해당 값을 모두 검색하고 싶습니다. 감사.

Answer 1

여러분은 ng-repeat를 사용하여 선택 항목을 만들거나 템플릿에 수동으로 입력하는 것으로 추측합니다. 동일한 모델에서 레이블과 값을 설정하면 가능합니다. 당신이있는 경우 :

이

$scope.choices = { 
    "choiceone" : "The first Choice", 
    "choicetwo" : "The second Choice", 
    "choicethree" : "The third Choice"} 

당신은 너무처럼 그들을 구현할 수 있습니다

<select ng-model="choice"> 
    <option ng-repeat="(key, value) in choices" value="{{key}}">{{value}}</option> 
</select> 

그러나 , 이것은 선택 지시어를 사용하는 가장 좋은 방법은 아니다 것은 (이 가정 당신이하고있는 일입니다) . select 지시문에는 값과 레이블을 모두 더 명확한 방식으로 정의하는 ng-options 특성이 있습니다. 내가 여기 ngRepeat의 사용 예를 포함하여,이 주제에 대한 문서의 예를 Plunkr을 편집 한 다음 NG-옵션에 문서 여기 http://plnkr.co/edit/sjQuhlgBh8WWJJoaSSMG?p=preview

점검 attibute : http://docs.angularjs.org/api/ng.directive:select