代码之家 › 专栏 › 技术社区 › dave

角度js ng选项不适用于select标记

angular2-directives drop-down-menu angularjs javascript

dave · 技术社区 · 6 年前

我试图让ng选项使用JSON格式的数组,但不确定为什么它不显示select选项行。例如:

索引.js:

$scope.seloptions= [{ key: k1, name: n1 },{ key: k2, name: n2 }];

<select name="set_aside" ng-model="set_aside" ng-options="option.key for option in seloptions track by name"></select>

我不知道我做错了什么。选择标记未填充。

编辑还假设角度代码的必要设置在那里,并且两个文件都在同一个目录中。

1 回复 | 直到 6 年前

amrender singh 6 年前

问题是您正在按未定义的名称进行跟踪。

ng-options="option.key for option in seloptions track by name"

到

ng-options="option.key for option in seloptions track by option.name"

工作实例 :

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
 $scope.seloptions= [{ key: "key1", name: "n1" },{ key:" key2", name: "n2" }];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="plunker">
  <div ng-controller="MainCtrl">
    <select name="set_aside" ng-model="set_aside" ng-options="option.key for option in seloptions track by option.name">
        <option value="">Select One</option>
    </select>
  </div>
</body>

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前