在Angular中，当一个选项被下拉菜单选中时，如何修改一个对象

How to change an object when an option is selected in a dropdown in Angular?

本文关键字：一个对象 何修改 修改 下拉菜单 一个 Angular 选项      更新时间：2023-09-26

考虑这个

正如你所看到的，它只是一个带有下拉菜单和绑定的简单表单。我在文中提到了两个视图:detail和edit。详细信息视图以纯文本形式显示所有内容，编辑视图是一个可以进行更改的表单。

我想要实现的是，当下拉菜单改变值时，我想要动态更新User.title对象。我怎样才能做到这一点呢?

编辑:在下拉框中，我需要知道当表单发布时选择哪个id。我还需要知道id来设置下拉菜单的选定值

使用ng-model可以将视图绑定到模型中。

但是在ng-options指令中，as前面的部分在ng-model的基础上绑定了更多的model。如果省略title。id则整个对象将成为'额外模型' {id: .., name: ..}

http://jsfiddle.net/rLjC5/1/

PS:这就是为什么你不能使用ng-options而不使用ng-model。

您显然希望在下拉列表中选择一个默认值。你必须根据标题数组的值初始化你的User.title对象。

一种方法是将select的模型绑定到User.title。

<select data-ng-model="User.title" data-ng-options="title.name for title in titles"

这里是小提琴http://jsfiddle.net/vR274/1/

相关文章：