您的位置:首页 > Web前端 > AngularJS

AngularJS v1.6.3,在select标签中使用ng-options无法触发ng-change事件

2017-06-29 09:53 791 查看
 因为开发需要在页面中适应到了select标签在原先的代码中无法触发ng-change事件,代码如下:

<li>
<span style="font-size:0;">
<label style="font-size:14px;">计费标准:</label>
<select style="font-size:14px;" ng-change="cangeChargingStandard($index)" ng-model=" d.charging_standard" ng-options="o.Value_Data as o.Value_Desc for o in dataCharging_Standard" ng-disabled="!DtlisEdit" class="RoleTypeclass" ng-class="{classDisabled:!DtlisEdit}">
<option value="">--计费标准--</option>
</select>
</span>
</li>


解决思路:option中使用ng-repeat,代码如下:

<li>
<span style="font-size:0;">
<label style="font-size:14px;">计费标准:</label>
<select style="font-size:14px;" ng-change="cangeChargingStandard($index)" ng-model="d.Charging_Standard"  ng-disabled="!d.CanEdit" class="RoleTypeclass" ng-class="{classDisabled:!d.CanEdit}">
<option value="">--计费标准--</option>
<option ng-repeat="x in dataCharging_Standard" value="{{x.Value_Data}}">{{x.Value_Desc}}</option>
</select>
</span>
</li>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angularjs