我上面有这段代码:
<select ng-model = "vm.modulo.nomenclatura" class="form-control" required>
<option></option>
<option ng-value="modulo.key" ng-repeat="modulo in vm.availableModulos">{{modulo.value}}</option>
</select>
问题是,ng-model 当前值(甚至在选择选项之前)不会显示在字段上。它是空白的。有人可以帮忙吗? 谢谢
最佳答案
您应该使用ng-options
而不是重复选项
检查这个 fiddle - https://plnkr.co/edit/XpgXNOPjC9ZJ8lYuPhGP?p=preview
angular.module("sampleApp", [])
.controller("sampleController", function() {
var vm = this;
vm.availableModulos = [
{value: "Value 1"}
{value: "Value 2"},
{value: "Value 3"},
{value: "Value 4"},
{value: "Value 5"}
];
vm.modulo = {nomenclatura: vm.availableModulos[2]};
});
<body data-ng-controller="sampleController as vm">
{{vm.modulo.nomenclatura}}
<select ng-model = "vm.modulo.nomenclatura" class="form-control" required ng-options="mod as mod.value for mod in vm.availableModulos">
<option></option>
</select>
</body>
关于javascript - 选择,用ng-repeat,ng-model的当前值不出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41725870/