Question

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

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>

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

Answer 1

Link to working JSBin，它只使用ng-show和$scope个变量作为标记。

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

1 个答案: