ng-repeat와 ng-options 정보
AngularJS 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이 튜토리얼 에서는 지침을 사용합니다 .
$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이 튜토리얼 에서는 지침을 사용합니다 .
추천
0
0
댓글 0개