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

使用AngularJS的ng選項處理SELECT

JavaScript AngularJS Html/CSS

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

我在其他帖子上讀到過，但我想不出來。我有一個數(shù)組，$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條經(jīng)驗獲得超6個贊

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

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

我的數(shù)據(jù)收集如下：

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

現(xiàn)在

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

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

加法跟蹤幫我修好了：

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

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

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

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

反對回復(fù) 2019-07-03

3 回答
0 關(guān)注
590 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

使用AngularJS的ng選項處理SELECT

使用AngularJS的ng選項處理SELECT

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

使用AngularJS的ng選項處理SELECT

使用AngularJS的ng選項處理SELECT

3 回答

相關(guān)問題推薦

添加回答