当我在angular中选择了一个选项后，我如何用相关的字段自动填充字段?

How do I autofill fields with related fields after I select an option in angular?

本文关键字：字段 何用相 填充 一个 选择 angular 选项      更新时间：2023-09-26

在angular中，我想用来自我从中选择的对象的信息自动填充字段:

<select name="nameSelect" id="nameSelect" data-ng-model="nameselect" 
        ng-options="item.name as item.name for item in items">
</select>

根据我的理解，这引用了我正在选择的项目的对象。

如果我有这样的输入字段:

<input type="text" data-ng-model="address" placeholder="Address" 
       class="form-control" required>

我如何填写输入字段与信息从选定的对象后，我选择了它?

ngOptions有许多形式，允许大量的自定义方式，您的下拉菜单的构建方式，以及属性的绑定方式。

在你的例子中，你使用的是第二种标准形式:

select    as label     for value in array
item.name as item.name for item  in items

稍微分解一下，您是选择 item.name并将items中的每个item的下拉框标记为item.name。这意味着nameselect的值将等于所选item的name属性。

要绑定整个对象，可以使用第一种标准形式，它完全省略了as子句。

label     for value in array
item.name for item  in items

这个表单将选择整个item对象，使用item.name作为标签。使用此表单，您的nameselect值将等于所选的整个item。

在代码的其他地方，只要你仍然在同一个作用域中，你就可以引用整个项目，像这样:

data-ng-model="nameselect.address"

相关文章：