Ng-options 不显示任何内容答案

【问题标题】：Ng-options not displaying anythingNg-options 不显示任何内容
【发布时间】：2019-10-23 21:39:04
【问题描述】：

我在我的控制器上使用这个数组：

var vm = this;
vm.documentGenerationEnum= [
            {id:0, name: 'Manual'},
            {id:1, name: 'Automatic'}
        ];

我在 html 上使用它


<select ng-model="vm.editable.DocumentGeneration"
  ng-options="option.id as option.name for option in vm.documentGenerationEnum"
class="product-field-input dropdown">
</select>

虽然我得到一个空的下拉列表，这对我来说毫无意义。我很确定代码做得很好，因为这对我来说不是一个新话题。但我不确定还有哪些其他因素会导致这种情况发生，我还可以考虑哪些其他因素？

【问题讨论】：

用 ng for? 添加
Angularjs - dynamic ng-options的可能重复

标签： angularjs ng-options

【解决方案1】：

在这个例子中工作正常：

angular.module("app",[])
.controller("ctrl", function() {
    var vm = this;
    vm.editable = {};
    vm.documentGenerationEnum= [
        {id:0, name: 'Manual'},
        {id:1, name: 'Automatic'}
    ];
})

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app="app" ng-controller="ctrl as vm">
    <select ng-model="vm.editable.DocumentGeneration"
       ng-options="option.id as option.name for option in vm.documentGenerationEnum"
       class="product-field-input dropdown">
    </select>
    <br>Selection={{vm.editable.DocumentGeneration}}
</body>

【讨论】：

奇怪，你知道我可以检查什么可能会导致我的应用出现这种行为，我可以检查一下。