gpt4 book ai didi

javascript - 如何将 select 与现有模型绑定(bind)

转载 作者:行者123 更新时间:2023-12-02 17:46:16 25 4
gpt4 key购买 nike

我有 select 和现有的选项,我需要将 select 中的值绑定(bind)到我的模型。

我做什么:

<select ng-model="site.id">
<option value="1">First<option>
<option value="2">Second<option>
</select>

我的模型是:user = ['name':'andry', 'site': {'id': 1, name: 'First'}]

我想将此选择与我的模型绑定(bind)。这怎么可能?目前,从选择站点 ID 中选择值后将更新,但站点名称不会更新。

我是 Angular 新手。

最佳答案

要使用 select,请使用 ng-options:

查看:

  <body ng-controller="MainCtrl">
<h1>Select something below</h1>
<select id="s1" ng-model="selectedItem" ng-options="item as item.name for item in items"></select>
<h3>The selected item:</h3>
<pre>{{selectedItem}}</pre>
</body>

Controller :

  $scope.items = [
{ id: 1, name: 'foo' },
{ id: 2, name: 'bar' },
{ id: 3, name: 'blah' }
];

请参阅下一个 Plunker

$scope.selectedItem 包含 $scope.items 数组中的完整对象。

关于javascript - 如何将 select 与现有模型绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21723056/

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