Fehler in der Anzeige Checkbox Eingabe in Tabelle

Question

Ich habe diese Tabelle zu Kontrollkästchen Kontrollkästchen Element, das vom Benutzer angeklickt wird. Aber wenn der Benutzer jetzt auf das Kontrollkästchen klickt, wird nichts angezeigt.

<td ng-switch="user.scope"> 
    <span class="label label-primary" ng-switch-when="1">Admin</span> 
    <span class="label label-primary" ng-switch-when="2">App</span> 
    <span class="label label-primary" ng-switch-when="3">Redemption</span> 
</td> 

Dies ist das Kontrollkästchen Element aus meinem modalen Formular.

<label for="scope">Scope</label><br> 
    <input type="checkbox" ng-model="user.scope.admin" name="scope[]" value="1"> Admin <br> 
    <input type="checkbox" ng-model="user.scope.app" name="scope[]" value="2"> App <br> 
    <input type="checkbox" ng-model="user.scope.redemption" name="scope[]" value="3"> Redemption <br> 

Und das ist der Javascript-Teil.

$scope.users = [{username: "a", name:"b", password:"c", confirmpassword:"d", status:"0", scope:"1" }]; 

    $scope.addUser = function(user) { 
     $dialog.open({ 
      showClose: false, 
      closeByEscape: true, 
      template: 'views/user/user-user-add.html', 
      controller: ['$scope', function ($dialogScope) { 
       $dialogScope.isLoading =false; 
       $dialogScope.title = "New User"; 
       $dialogScope.user = { 
        username : "" , 
        name : "", 
        password :"", 
        confirmpassword :"", 
        status : "", 
        scope : {}, 
       }; 

$dialogScope.add = function() { 
        console.log($dialogScope.user); 
        $scope.users.push($dialogScope.user); 
        $dialogScope.closeThisDialog(); 
       } 

Answer 1

Für Mehrfachauswahl Sie nicht ng-switch verwenden können, da sie nur auf dem Wert eines Ausdrucks beruht, müssen Sie jeden Ausdruck überprüfen, user.scope.admin usw. und die Verwendung ng-Show.

Beispiel:

<td> 
    <span class="label label-primary" ng-show="user.scope.admin">Admin</span> 
    <span class="label label-primary" ng-show="user.scope.app">App</span> 
    <span class="label label-primary" ng-show="user.scope.redemption">Redemption</span> 
</td>