AngularJS v1.6.3,在select标签中使用ng-options无法触发ng-change事件
2017-06-29 09:53
791 查看
因为开发需要在页面中适应到了select标签在原先的代码中无法触发ng-change事件,代码如下:
解决思路: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-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 select标签使用ng-repeat标签之后,ng-model无法更新问题解决
- angularjs 下select中ng-options使用
- AngularJS 的select 控件的ng-options的使用示例
- angularjs: ng-select和ng-options
- 【AngularJs】---实现select的ng-options
- Spring MVC框架select,option和options标签的使用
- Angularjs中select 的ng-repeat 和 ng-options 用法和获取选取值
- 转: angularjs select 赋值 ng-options配置方式
- [Angularjs]ng-select和ng-options
- a标签触发函数失效。做的下载无法使用
- ng-select 与 ng-options 的简单使用
- 在angularJs的ui-view无法使用ng-click的问题
- [Angularjs]ng-select和ng-options
- angular select中ng-options使用
- Angularjs中ng-select和ng-options的用法详解
- AngularJS使用 ng-options 实现传值给后台controller
- AngularJs: ng-options used in the select tag
- angularJS中input标签的ng-change事件无效
- [Angularjs] 下拉框遍历使用ng-repeat和ng-options
- Angularjs中select 的ng-repeat 和 ng-options 用法和获取选取值