2016-10-01 89 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中,即不会发生 –