중첩 된 JavaScript 오브젝트를 사용하여 NG- 반복을 사용하여 선택 옵션을 표시합니다.
-
21-12-2019 - |
문제
Angular의 NG-REPET 지시문을 사용하여 적절한 옵션을 사용하여 두 개의 드롭 다운 메뉴를 어떻게 표시 할 수 있습니까?
여기에 jsbin
js :
angular.module('myApp', [])
.controller('MainCtrl', function($scope) {
$scope.templates = {
pages: ['home', 'about'],
posts: ['blog', 'lab']
};
});
.
html :
<div class="container" ng-controller="MainCtrl">
<form action="" class="col-lg-12" >
<select class="form-control" ng-repeat="template in templates.pages>
<option value = "{{ template }}"> {{ template }}</option>
</select>
<select class="form-control" ng-repeat="template in templates.posts>
<option value = "{{ template }}"> {{ template }}</option>
</select>
</form>
</div>
. 해결책
ng- 반복은 옵션 태그에서 사용해야합니다.또한 NG-Repeat 표현식에서 큰 따옴표를 닫습니다.
여기에 귀하의 고정 된 jsbin
제휴하지 않습니다 StackOverflow