2016-10-01 97 views
0

我在選擇標籤上使用ng-model,但這些是作品的一部分。該代碼是角度ng模型不能在選擇標籤中工作

<select ng-model="uptpm.point" ng-if="uptpm.leval.length>0" class="form-control text-center nopaddingleft nopaddingright" ng-change="setPoint(uptpm)"> 
    <option value="{{uptpml.value}}" ng-repeat="uptpml in uptpm.leval">{{uptpml.value}}</option> 
</select>` 

視圖是

the datas struct

Display effect

+0

你能顯示你的角度控制器代碼嗎?另請說明究竟是什麼不工作.. –

回答

1

它不建議選擇/選項元素中使用ngRepeat。

看一看https://docs.angularjs.org/api/ng/directive/ngOptions

從angularjs文檔摘自:

的ngOptions屬性可被用於使用通過評估ngOptions得到的數組或對象動態生成的元素的元素列表理解表達。

我已經寫了下面的例子:

角:

$scope.uptpm = [ 
     {value: '0'}, 
     {value: '4'} 
]; 
$scope.point = 2; 

HTML:

<select ng-model="point" ng-options="i.value as (i.value) for i in uptpm"> 
    <option value="" selected>Please Select</option> 
</select> 

看到這個plunker的工作例如:

http://plnkr.co/edit/Yl2ZynulIuk3ApG9jmTl

+0

我的代碼結構與您的代碼結構相同。此問題僅發生在chrome中,即不會發生 –