在嵌套的JavaScript对象上使用NG重复以显示选择选项
-
21-12-2019 - |
题
如何使用Angular的NG-Repeat指令显示两个下拉菜单,使用Angular的NG-Repeat指令?
这里是一个 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重复表达式中关闭双引号。
在这里你的修复了 jsbin
不隶属于 StackOverflow