오브젝트로 미리 채우기

드롭 다운을 작성하려고하며 오브젝트로 채워 넣으려고합니다.오브젝트로 미리 채우기

<script> 
angular.module("myapp", []) 
    .controller("MyController", function($scope) {  
    $scope.country = { 
     id: "2", 
     name: "USA" 
    }; 

    $scope.countries = [{ 
     id: "1", 
     name: "India" 
    }, { 
     id: "2", 
     name: "USA" 
    }, { 
     id: "3", 
     name: "UK" 
    }, { 
     id: "4", 
     name: "Nepal" 
    }]; 
    }); 
</script> 

<div> 
    Country Name : 
    <select ng-model="country" ng-options="country as country.name for country in countries"></select> 
</div>

그러나 국가 드롭 다운은 object.I이 문제가 무엇인지 잘 모르겠습니다 국가로 미리 채워되지 않습니다.

JSFIDDLE 링크 : http://jsfiddle.net/6qo3vs6c/

출처

2016-10-11 ishmam shahriar

'ng-options'의 기본값을 사용 했습니까? 이것이 당신이 원하는 것이라면, 더 많은 [here] (http://stackoverflow.com/questions/20845210/setting-selected-values-for-ng-options-bound-select-elements)를보십시오. – DieuNQ

별도의 개체에서 기본값을 원한다면 어떻게 할 수 있습니까 ?? –

바이올린을 올바르게 사용하십시오. 코드 관련 문제 없음. http://jsfiddle.net/codeandcloud/6qo3vs6c/1/ – naveen

country as를 제거하고 ng-options에 track by country.id를 추가합니다.

<select ng-model="country" ng-options="country.name for country in countries track by country.id"></select>

Here은 (는) 귀하의 의견입니다. more을 참조하십시오.

희망이 도움이됩니다.

출처

2016-10-11 09:20:37 DieuNQ

오브젝트로 미리 채우기

답변

관련 문제