ng-repeat와 ng-options

객체 배열이 있다고 가정합니다.

$scope.cars = [
{model : "Ford Mustang", color : "red"},
{model : "Fiat 500", color : "white"},
{model : "Volvo XC90", color : "black"}
];
ng-repeat지시어는, 선택된 값은 문자열이어야합니다 한계가있다 :


예
사용 ng-repeat:

<select ng-model="selectedCar">
<option ng-repeat="x in cars" value="{{x.model}}">{{x.model}}</option>
</select>

<h1>You selected: {{selectedCar}}</h1>


ng-options지시문을 사용할 때 선택한 값은 객체가 될 수 있습니다.

예
사용 ng-options:

<select ng-model="selectedCar" ng-options="x.model for x in cars">
</select>

<h1>You selected: {{selectedCar.model}}</h1>
<p>Its color is: {{selectedCar.color}}</p>

선택한 값이 객체 일 수 있으면 더 많은 정보를 보유 할 수 있으므로 응용 프로그램의 유연성이 향상됩니다.

ng-options이 튜토리얼 에서는 지침을 사용합니다 .