AngularJs 선택된 ng 옵션 세트 개체 선택

Question

개체가 select ng-options 안에 있지만 두 번째 개체를 선택해야합니다. 어떻게 할 수 있습니까? 당신이 컨트롤러에서이 작업을 수행 할 필요가 없기 때문에

http://plnkr.co/edit/NTdaDNFFbbDlu7fJOeDK

모든

$scope.prop = [ 
    {t: "Service 1", j:"oi1"}, 
    {t: "Service 2", j:"oi2"}, 
    {t: "Service 3", j:"oi3"}, 
] ; 

$scope.prop.value.j = "oi2"; 

Answer 1

첫째, 당신은, 컨트롤러의 빈 문자열로 value.j를 설정해야합니다 : 여기

은 예입니다 . 코드가 게시 Plunker 링크에서 온다 (난 그냥 배열의 index of 1 (2 항목)

을 선택 NG-초기화 지시자를 추가 :

$scope.prop.value.j = ""; 

그런 다음, 다음 코드에서 ng-init를 추가

<select ng-init="prop.value = prop.value || prop[1]" ng-model="prop.value" ng-options="v.j for v in prop"> 

Answer 2

먼저, ng-model 속성의이. 그런 다음, 컨트롤러, 당신은 $scope.prop

에서 두 번째 옵션을 지정할 수 있습니다 selected_value로 이름을 변경하자,이 경우, 옵션을 선택 배열과 달라야합니다

$scope.prop = [ 
    {t: "Service 1", j:"oi1"}, 
    {t: "Service 2", j:"oi2"}, 
    {t: "Service 3", j:"oi3"}, 
] ; 


$scope.selected_value = $scope.prop[2] 

그런 다음 html을 선택하십시오.

<select ng-model="prop.selected_value" ng-options="v.j for v in prop"> 
    </select>