問題描述

我現(xiàn)在需要綁定后臺(tái)獲取的數(shù)據(jù)到select上

后臺(tái)返回的JSON：

js部分：

<select ng-model='originOptions.nation_id' ng-options='x.nation_id as x.name for x in nation'> <option value=''>請(qǐng)選擇</option></select>

然后，讀取用戶的選擇數(shù)據(jù)，把用戶的數(shù)據(jù)顯示到select上，選中狀態(tài)

但是怎么都綁定不了，一看控制臺(tái)：

value上全部出現(xiàn)了number:1這樣的格式，OK！那我加上track by x.nation_id

number是沒有了，但是數(shù)據(jù)又綁定不了了！

比如：用戶選擇的是苗族，那么nation_id是6，按道理

$scope.originOptions = {’nation_id’:6}

可以綁定上啊！但是就是不行！是我哪里出錯(cuò)了嗎

請(qǐng)問大家怎么回事啊！！

我剛又實(shí)驗(yàn)了下：加了track by就綁定不上，去掉就可以！但是又不要value里的字符類型，怎么破~~

問題解答

ng-model='originOptions'

沒問題呀~就這樣就好了。在controller里$scope.originOptions.nation_id得到的就是id值了

可以看看這篇文章

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>

試試這樣的數(shù)據(jù)結(jié)構(gòu)

value里的字符類型通過綁定的ng-model取是不會(huì)取到的。

雖然它顯示的是 number:1

ngOptions生成出來就是這樣的

可以看看文檔的例子：https://docs.angularjs.org/ap...