0

我无法理解为什么我的 Angular<select>没有将默认值添加到我想要的类别中。

我有一个从我们的 Parse 数据库返回的对象；对象是这样的（这是“选定”选项）：

$scope.item.category = { id: 'uosDHIF', className: 'Category', name: 'Projects' }

我还有一个类别列表：

$scope.categories = [{ id: 'uosDHIF', className: 'Category', name: 'Games' }, { id: 'uosDHIF', className: 'Category', name: 'Random' }, { id: 'uosDHIF', className: 'Category', name: 'Projects' }]

在我的 HTML 中，我有一个这样的选择：

<select name="category" class="form-control mb-10" ng-model="item.category" ng-options="category.name for category in categories"></select>

我可以选择一个新类别并将其分配给该项目，然后我可以使用 item.save() 保存该项目但我遇到的问题是选定的（ng-model）似乎不起作用，当我第一次进入页面我总是得到默认的空白选项，即使我在控制台签入时有类别。

此外，我能够使用我自己创建的一个简单对象使其工作，但是这个对象是从我们的 Parse 数据库中返回的，所以我不确定这是否是问题所在，或者我只是在那里遗漏了一些东西.

感谢您的帮助。

注意：我已经阅读了与我类似的其他 StackOverflow 问题，但它们对我的没有帮助。

4

2 回答 2

1

实际上，在 ng-options 上，您必须为模型指定值（category as category.name => 您为 ng-model 选择类别但以他的名字显示）。

匹配通过引用发生，因此您需要相同的对象（category : $scope.categories[0]）。

你可以试试：

JS

$scope.categories = [
    { id: 'uosDHIF', className: 'Category', name: 'Games' }, 
    { id: 'uosDHIF', className: 'Category', name: 'Random' }, 
    { id: 'uosDHIF', className: 'Category', name: 'Projects' }
];

$scope.item = { 
    category : $scope.categories[0]
};

HTML

<select name="category" class="form-control mb-10" ng-model="item.category" ng-options="category as category.name for category in categories"></select>
于 2016-01-28T15:28:34.813 回答
0

请更改 html 如下.. 希望这会有所帮助。

ng-model="item.category.id" ng-options="category.id as category.name for category in categories">
于 2016-01-28T15:27:41.967 回答