AngularJS：加载下拉列表从模型中选择

Posted 2021-03-29

我有一个页面，我需要在下拉列表中将选项设置为我的模型中的值。我正在尝试填充现有的选定选项（创建记录时创建）。

<select name="assemblyOptions" 
        ng-model="model.edit.assembly" 
        ng-options="option as option.name for option in assemblyOptions">
</select>

这是我创建记录时代码的外观。 “assemblyOptions”是范围内的对象，具有要显示的选项。

当选择一个时，它被写入$scope.model.edit.assembly，其中“name”是显示的项目（因此“option as option.name for”...）。

现在，我在不同的页面上，我有模型数据，包括model.edit.assembly对象。

我希望将下拉列表设置为模型中的值。

我尝试过使用ng-selected指令，但无法正确使用语法。

任何可能的解决方

答案

您可以使用track by使选项唯一

<select name="assemblyOptions" 
        ng-model="model.edit.assembly" 
        ng-options="option as option.name for option in assemblyOptions track by option.name">
</select>