码迷,mamicode.com
首页 > Web开发 > 详细

angularjs关于checkbox和bootstrap不能选中BUG

时间:2017-10-14 18:28:57      阅读:955      评论:0      收藏:0      [点我收藏+]

标签:checked   click   div   str   angular   disable   后台   span   inf   

在使用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,真的蛋疼,很浪费时间,直接前台用用做个分离就可以了

 

angularjs关于checkbox和bootstrap不能选中BUG

标签:checked   click   div   str   angular   disable   后台   span   inf   

原文地址:http://www.cnblogs.com/zx-admin/p/7667808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!