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

最新推荐文章于 2021-09-02 17:37:45 发布

玉苑

最新推荐文章于 2021-09-02 17:37:45 发布

阅读量7.6k

点赞数

分类专栏： AngularJS 文章标签： angularjs

本文链接：https://blog.csdn.net/weixin_36751895/article/details/73867245

版权

AngularJS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

因为开发需要在页面中适应到了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>