gpt4 book ai didi

javascript - 选择 Angular 选项后,如何使用相关字段自动填充字段?

转载 作者:行者123 更新时间:2023-11-30 16:35:05 25 4
gpt4 key购买 nike

在 Angular 上,我想用来 self 从中选择的对象的信息自动填充字段:

<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>

如何在我选择对象后用所选对象的信息填充输入字段?

最佳答案

many forms of ngOptions ,允许对下拉列表的构建方式和属性绑定(bind)方式进行大量自定义。

在你的例子中,你使用的是第二范式:

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

稍微分解一下,您正在选择 item.name 并将每个 的下拉列表标记为 item.name items 中的项目。这意味着 nameselect 的值将等于所选 itemname 属性。

要绑定(bind)整个对象,您可以使用第一个范式,它完全省略了 as 子句。

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

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

在代码的其他地方,只要您仍在同一范围内,就可以引用整个项目,如下所示:

data-ng-model="nameselect.address"

关于javascript - 选择 Angular 选项后,如何使用相关字段自动填充字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32815012/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com