unterschiedlichen Text auf Kontrollkästchen drucken/deaktivieren mit angularjs

Question

Ich erstelle eine Web-App, in der ich Toggle-Taste verwenden, wenn ein Benutzer einmal auf die Schaltfläche klicken sollte in einer $scope Variable gespeichert werden, wenn der Benutzer zweimal klicken 'no' sollte in einem $scope Variable

hier Knopf mein codding für Knebel

<div class="switch"> 
    <input ng-click="clickcheckbox()" id="cmn-toggle-1" class="cmn-toggle cmn-toggle-round" type="checkbox"> 
    <label for="cmn-toggle-1"></label> 
</div> 

i ng-click genommen habe gespeichert werden, weil ich diese ng-checked

01 mit nicht in der Lage bin zu tun

hier ist mein Controller

$scope.clickcheckbox=function(){ 
    //if user check the checkbox 
    $scope.check='yes'; 
    //if user uncheck the checkbox 
    $scope.check='no'; 
    } 

wenn es andere bessere Möglichkeiten, um dies (mit ihnen bitte helfen Sie mir) zu tun

Answer 1

Versuchen Sie folgendes:

$scope.clickcheckbox=function(){ 
    $scope.check=='yes'? $scope.check='no': $scope.check='yes';  
} 

Inh HTML:

<div class="switch" ng-init="check='yes'"> 
    <input ng-click="clickcheckbox()" id="cmn-toggle-1" class="cmn-toggle cmn-toggle-round" type="checkbox"> 
    <label for="cmn-toggle-1">{{check}}</label> 
</div> 

Answer 2

Sie den folgenden Code verwenden:

HTML

<input type="checkbox" ng-model="checkboxModel.value2" 
      ng-true-value="'YES'" ng-false-value="'NO'"> 

javascript:

$scope.checkboxModel = { 
     value2 : 'YES' 
    }; 

Wo:

ngTrueValue : The value to which the expression should be set when selected. 

ngFalseValue : The value to which the expression should be set when not selected. 

Working example

Source

Answer 3

Der folgende Code sollte funktionieren.

$scope.clickcheckbox = function() { 
    if($scope.check == undefined || $scope.check = 'no') { 
     $scope.check = 'yes'; 
    } else { 
     $scope.check = 'no'; 
    } 
} 

---

Als Randbemerkung, einen gemeinsamen Weg zu beschäftigt sich mit Kontrollkästchen und Boolesche Werte ist auf folgendes tun:

<input type="checkbox" ng-click="check = !check"> 

Hier wird jeder Klick wird der Wert zwischen true zurückkehren und false .