angularjs关于checkbox和bootstrap不能选中BUG

Posted 2020-10-10 Z.X

在使用angularjs的时候，有个比较明显的bug ng-disabled无效的情况

这里是一种情况的bug

<div class="checkbox MLH-specval-item" toggle-class="selected"  ng-class="{‘selected‘:specV.selected == 1}" ng-disabled="{{specV.selected === 1}}"  ng-click="toggleSpec(specInfo.k, specV.v)">
                                        <i></i>
                                        <span>{{specV.v}}</span>
                                    </div>

这种情况下ng-disabled 是无效的，解决办法

<input type="checkbox" class="checkbox MLH-specval-item" toggle-class="selected"  ng-checked="{{specV.selected === 1}}" ng-disabled="{{specV.selected === 1}}"  ng-click="toggleSpec(specInfo.k, specV.v)">

就直接使用原有的控件，不适用angularjs 的 class="checkbox MLH-specval-item"，还有其他的也有类似的情况，比如button按钮，无法使用

也可以使用类似方法，直接使用原生控件，在加上bootstrap的样式

这可能是angularjs和bootstrap混合使用出现的BUG，底层原因没有追查，毕竟 我是个后台

一点点坑：

angularjs作为后台的还是用ui-router，真的蛋疼，很浪费时间，直接前台用用做个分离就可以了