Javascript 使用Angularjs启用和禁用ng repeat中的其他项目_Javascript_Angularjs_Angularjs Scope_Angularjs Ng Repeat

Javascript 使用Angularjs启用和禁用ng repeat中的其他项目

javascript angularjs

Javascript 使用Angularjs启用和禁用ng repeat中的其他项目,javascript,angularjs,angularjs-scope,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Scope,Angularjs Ng Repeat,我的控制器中有一个用户列表 var app = angular.module('app',[]).controller('userList',function($scope){ $scope.users = [ {name:'A',family:'B'}, {name:'C',family:'D'}, {name:'E',family:'F'}, {name:'G',family:'H'} ]; $scope.enable = function($scope)

我的控制器中有一个用户列表

var app = angular.module('app',[]).controller('userList',function($scope){
  $scope.users = [
   {name:'A',family:'B'},
   {name:'C',family:'D'},
   {name:'E',family:'F'},
   {name:'G',family:'H'}
  ];
  $scope.enable = function($scope){
     //Do something
  };
});

在我看来，我为每个用户创建了一个带有按钮的列表：

<body ng-app="app">
 <div ng-controller="userList">
   <ul>
     <li ng-repeat="user in users">
      {{user.name + ' ' + user.family}} &nbsp; 
      <button type="button" ng-click="enable()"/>enable</button>
    </li>
  </ul>
 </div>
</body>




{{user.name+''+user.family}
使可能

这是我们的样本。我想当用户点击一个用户的启用按钮时，这个启用按钮改变为禁用和隐藏其他用户。当单击“禁用”按钮更改文本以启用和显示隐藏用户时。

，它只使用

ng show

和

$scope

变量作为标志