angular.js - 焦慮!angular的ng-options的問題
問題描述
我現在需要綁定后臺獲取的數據到select上
后臺返回的JSON:
js部分:
<select ng-model='originOptions.nation_id' ng-options='x.nation_id as x.name for x in nation'> <option value=''>請選擇</option></select>
然后,讀取用戶的選擇數據,把用戶的數據顯示到select上,選中狀態(tài)
但是怎么都綁定不了,一看控制臺:
value上全部出現了number:1這樣的格式,OK!那我加上track by x.nation_id
number是沒有了,但是數據又綁定不了了!
比如:用戶選擇的是苗族,那么nation_id是6,按道理
$scope.originOptions = {’nation_id’:6}
可以綁定上啊!但是就是不行!是我哪里出錯了嗎
請問大家怎么回事?。?!
我剛又實驗了下:加了track by就綁定不上,去掉就可以!但是又不要value里的字符類型,怎么破~~
問題解答
回答1:ng-model='originOptions'
回答2:沒問題呀~就這樣就好了。在controller里$scope.originOptions.nation_id得到的就是id值了
回答3:可以看看這篇文章
回答4:controller:
$scope.data = { model: null, nation: [ {nation_id: ’1’, name: ’A’}, ....... ....... ] };
HTML:
<select name='mySelect'ng-options='x.nation_id as x.name for x in data.nation' ng-model='data.model'></select>
試試這樣的數據結構
回答5:value里的字符類型通過綁定的ng-model取是不會取到的。
雖然它顯示的是 number:1
ngOptions生成出來就是這樣的
可以看看文檔的例子:https://docs.angularjs.org/ap...
相關文章:
1. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?2. javascript - 求解答:實例對象調用constructor,此時constructor內的this的指向?3. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變4. python - 如何判斷爬蟲已經成功登陸?5. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?6. javascript - 這不是對象字面量函數嗎?為什么要new初始化?7. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。8. javascript - 有什么比較好的網頁版shell前端組件?9. javascript - [js]為什么畫布里不出現圖片呢?在線等10. html - vue項目中用到了elementUI問題
