AngularJS는 드롭 다운의 기본 선택 옵션을 설정했습니다.

Question

AngularJS를 처음 사용했습니다. 모든 것을 배우십시오. 저는 KnockoutJS에서 2 년 동안 일해 왔으며 JavaScript로 작업하기가 편하다고 생각합니다.

개별 작업에 대한 API 호출의 결과로 JSON을 따르는 간단한 작업 관리자 앱을 만들고 있습니다.

{ 
         "Id": 1, 
         "title": "Culpa nisi irure qui consectetur non reprehenderit incididunt mollit voluptate culpa enim.", 
         "description" : "test description", 
         "owner": "Hunter Mcdonald", 
         "priority": 1, 
         "isActive": false, 
         "picture": "http://placehold.it/100x100", 
         "registered": "2014-12-29T17:13:33" 
        } 

우선 순위 값의 의미는 다음과 같습니다

1 - 높은, 0 - 중립, -1 - 낮은

내가 서버에서받은 값에 엄격 숫자입니다 ..

그러나 편집 양식을 작성하는 동안 사용자가 이해할 수있는 텍스트 즉, "H 객체의 고등학교 ","저 ","일반 "

내가 만든 배열이를 달성하기 위해 -

vm.priorityOptions = [ 
    { name: "low", value: -1 }, 
    { name: "normal", value: 0 }, 
    { name: "high", value: 1 } 
]; 

을 지금, 나는 API 응답에서 기본 선택 우선 순위를 선택합니다 I 그게 "priority" : 1입니다. 숫자 값이므로 기본 선택 옵션을 어떻게 선택할 수 있는지 모르겠습니다. vm.priorityOptions

동일한 도움말이나 유용한 스 니펫은 무엇입니까? 여기

<select ng-options="item.value as item.name for item in vm.priorityOptions" 
     ng-model="vm.data.priority"> 
</select> 

는 작업입니다 :

Answer 1

<select ng-model="serverResponse.priority"> 
     <option ng-repeat="item in priorities" value="{{item.value}}">{{item.name}}</option> 
</select> 

이 serverResponse.priority이 자동으로 선택됩니다

이 사용 NG 모델을 달성 할 수있다 plunker.

Answer 2

당신은 쉽게 당신은 <select>에 ngOptions 지시어를 사용할 수 있습니다