如何在AngularJS选择下拉列表中设置预选项?

时间:2015-02-22 00:25:51

标签: javascript angularjs

我很难获得Angular的选择选项来选择表单加载时已存在的项目。

我有一个汽车品牌的模型(ctrl.modelEl.make),名称和ID。它是表单正在进行的更广泛模型的一部分。它通过ReST API从数据库中下载。

要填充汽车制造下拉列表,我会对数据库进行ReST调用,并获取所有品牌的列表(ctrl.makeListEl)。

这是我的选择:

<select
ng-model="ctrl.modelEl.make.id"
ng-options="item.name for item in ctrl.makeListEl track by item.id"/>

我试过了ng-selected = "ctrl.modelEl.make.id",但没有任何区别。

如果两个单独的数据库调用可能存在竞争条件,我将ctrl.makeListEl创建放在ctrl.modelEl创建的成功回调中,但没有区别。

从我所读的here使用主模型的id并跟踪下拉列表模型的id应该使Angular能够预先选择ID与主模型的id匹配的下拉项

但是当用户编辑现有数据库条目时,它对我不起作用。如果选择框应该包含数据库中已有的内容,则该选项框为空白。

我被困住了。

提前感谢您的帮助。

约翰

0 个答案:

没有答案