已解決430363個問題，去搜搜看，總會有你想問的

使用AngularJS的ng選項處理SELECT

首頁猿問使用AngularJS的ng選項處...

使用AngularJS的ng選項處理SELECT

JavaScript AngularJS Html/CSS

嚕嚕噠 2019-07-03 11:15:11

我在其他帖子上讀到過，但我想不出來。我有一個數組，$scope.items = [ {ID: '000001', Title: 'Chicago'}, {ID: '000002', Title: 'New York'}, {ID: '000003', Title: 'Washington'},];我想把它渲染為：<select> <option value="000001">Chicago</option> <option value="000002">New York</option> <option value="000003">Washington</option></select>另外，我希望選擇ID=000002的選項。我讀過選擇我試過了，但我想不出來。使用AngularJS的ng選項處理SELECT

查看完整描述

3 回答

BIG陽

TA貢獻1859條經驗獲得超6個贊

出于某種原因AngularJS讓我困惑。他們的文件在這方面很糟糕。更多變化的好例子將受到歡迎。

總之，我對本·萊什的回答有一點不同。

我的數據收集如下：

items =[
   { key:"AD",value:"Andorra" },  { key:"AI",value:"Anguilla" },  { key:"AO",value:"Angola" }
 ...etc..]

現在

<select ng-model="countries" ng-options="item.key as item.value for item in items"></select>

仍然導致選項值成為索引(0、1、2等)。

加法跟蹤幫我修好了：

<select ng-model="blah" ng-options="item.value for item in items track by item.key"></select>

我估計更常見的情況是，您希望將一個對象數組添加到選擇列表中，所以我將記住這個！

請注意，在AngularJS1.4中，您不能再使用ng-選項，但您需要使用ng-repeat在您的選項標簽上：

<select name="test">
   <option ng-repeat="item in items" value="{{item.key}}">{{item.value}}</option></select>

反對回復 2019-07-03

3 回答
0 關注
591 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

使用AngularJS的ng選項處理SELECT

使用AngularJS的ng選項處理SELECT

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

使用AngularJS的ng選項處理SELECT

使用AngularJS的ng選項處理SELECT

3 回答

相關問題推薦

添加回答