2016-07-17 11 views
1

Ich versuche, data-toggle="toggle" (von: http://www.bootstraptoggle.com/) auf ein Kontrollkästchen zu verwenden. Dies bricht jedoch angulares ng-click und ng-change ... Sie zünden einfach nicht die Funktion. Hat jemand eine Lösung dafür? -Code-Snippet:Angular ng-click funktioniert nicht mit data-toggle = "toggle"

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

Sie scheinen keine 'ng-Änderung' im Code zu haben. Haben Sie auch versucht, die 'testFunction()' in Anführungszeichen zu schreiben? Wie auch immer ein Plunkr wäre nützlich – Aron

+0

ich versuchte mit beiden ng-change oder ng-click, beide nicht funktionieren. –

+2

Ok Der Grund, warum es nicht funktioniert ist, dass Bootstrap Toggle nicht mit Angular arbeiten kann. Das Ändern des DOM in irgendeiner Weise, die nicht durch Angular erfolgt, zB durch jQuery wie Toggle, wird Konflikte mit Angulars Kontrolle des DOM verursachen, und in der Tat wird es keine DOM Änderungen registrieren, die nicht durch Angular geschehen. – Aron

Antwort

1

Der Grund ist es nicht funktioniert, ist, dass Bootstrap Toggle nicht mit kantigem arbeiten gemacht. Das Ändern des DOM in irgendeiner Weise, die nicht durch Angular erfolgt, zB durch jQuery wie Toggle, wird Konflikte mit Angulars Kontrolle des DOM verursachen, und in der Tat wird es keine DOM Änderungen registrieren, die nicht durch Angular geschehen.