Ошибка в отображении ввода флажка в таблицу

Question

У меня эта таблица должна отображаться на элементе флажка, который щелкнул пользователь. Но теперь, если пользователь нажмет на этот флажок, он ничего не отобразит.

<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> 

это элемент флажка из моей модальной формы.

<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> 

И это часть javascript.

$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

Для множественного выбора вы не можете использовать ng-switch, поскольку она опирается только на значение одного выражения, вы должны проверить каждое выражение, user.scope.admin и т.д., и использование нг-шоу.

Пример:

<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>