Angular 带有 ng 选项的 ng 模型

Question

在我的 ng-options/ng-model 中设置默认选项时遇到问题。

我的问题是，虽然下拉菜单中填充了正确的选项，但默认选项是空白的。这让我相信我做 ng-model 的方式有问题。有帮助吗？

我有一个 table 我正在使用 ng-repeat 迭代一个数组：

$scope.dumpsters = [
    {id:"1", sub_customer: 'a'},
    {id:"2", sub_customer: 'b'},
    {id:"3", sub_customer: 'c'}
]

为简单起见，我有一个单独的 sub_customers 数组：

$scope.subCustomers = [{description:'a'}, {description:'b'}, {description:'c'}];

所以现在在我的 table 中，每一行都有一个包含以下内容的列：

<select ng-model="d.sub_customer" ng-options="v.description for v in subCustomers" ng-change="updateCustomer(d.sub_customer, d.id)"></select>

Answer 1

您可以在这种情况下使用 select as，问题是您的语法对象引用必须匹配。假设匹配项是您可以做的描述字段：

<select ng-model="d.sub_customer" 
     ng-options="v.description as v.description for v in subCustomers" 
     ng-change="updateCustomer(d.sub_customer, d.id)"></select>

Angular 带有 ng 选项的 ng 模型

Angular ng-model with ng-options

javascript

angularjs

angularjs-ng-options