2016-07-17 80 views
1

我想在复选框上使用data-toggle="toggle"(来自:http://www.bootstraptoggle.com/)。但是,这打破了angulars的ng-click和ng-change ......他们根本不会触发该功能。有没有人有这个解决方案?下面 代码片段:Angular ng-click不能使用data-toggle =“toggle”

<input type="checkbox" 
     ng-click="testFunction()" 
     ng-model="testValue" 
     checked 
     data-toggle="toggle"> 
+0

你在代码中似乎没有'ng-change'。你有没有尝试用双引号包装'testFunction()'?无论哪种方式一个普朗克将是有用的 – Aron

+0

我尝试了ng-change或ng-click,都不工作。 –

+2

好吧它不起作用的原因是Bootstrap切换不适用于Angular。以任何不通过Angular的方式更改DOM,例如通过像Toggle一样的jQuery,会与Angular对DOM的控制产生冲突,事实上它不会注册通过Angular不会发生的DOM更改。 – Aron

回答

1

它不工作的原因是,自举切换不言有角的工作。以任何不通过Angular的方式更改DOM,例如通过像Toggle一样的jQuery,会与Angular对DOM的控制产生冲突,事实上它不会注册通过Angular不会发生的DOM更改。