1. 程式人生 > >angularjs關於checkbox和bootstrap不能選中BUG

angularjs關於checkbox和bootstrap不能選中BUG

無效 一點 router 控件 inpu oot 出現 str put

在使用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