javascript - 选择,用ng-repeat,ng-model的当前值不出现

标签 javascript html angularjs

我上面有这段代码:

<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/

相关文章:

一旦达到 2 位小数,Javascript 限制输入

python - django应用程序中的多字段搜索错误结果

javascript - Firebase child() 与 Angularfire $firebaseObject

javascript - 在 Angular js Getters 中传递参数

javascript - 有没有办法使用 Angular 文件保护程序下载任何类型的文件?

javascript - Uncaught ReferenceError : require is not defined (javascript)

javascript - 我无法使用 Express 中的 geofirestore 从我的 firestore 数据库获取数据

javascript - 如果不存在子 div,则隐藏切换按钮

PHP DomDocument HTML 操作

javascript - 如何使用 Protractor 测试分页功能