javascript - Angular JS ng-option 不适用于选择标签

标签 javascript angularjs drop-down-menu angular2-directives

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

index.js:

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

index.html:

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

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

编辑 还假设 Angular 代码的必要设置已存在,并且两个文件位于同一目录中。

最佳答案

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

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>

关于javascript - Angular JS ng-option 不适用于选择标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51901496/

相关文章:

html - 选择框的样式颜色(带有自定义包装器)下拉文本与 css

javascript - 获取 SVG 中路径的维度

javascript - 如何在 JavaScript 中创建 "hover and <img> change"的简单改进版本?

angularjs - 表单提交后如何重置 Angular js中的表单字段

javascript - 如何使用angularjs在数据库中存储多个复选框的值(即 'Y' - 选中, 'N' - 未选中)?

flutter - Flutter 中 DropDownMenu 按钮中的 OnTap 函数

javascript - ASP.NET MVC -- 从购物车中删除

javascript - 尝试从文本框中获取数据并将其插入数据库

javascript - 将函数调用请求排队 javascript

jquery - Dropdownlist SelectedIndexChanged 事件不会在 jQuery ui-Dialog 内触发