通过布尔属性“轨道”过滤角度ng重复

Question

$scope.users = [{
  "firstname": "Steve",
  "lastname": "Jobs",
  "id": 1,
  "userLog": {
    "id": 1,
    "userId": "Steve01",
    "enabled": true
  }
}, {
  "firstname": "Michelle",
  "lastname": "Jobs",
  "id": 2,
  "userLog": {
    "id": 2,
    "userId": "Michelle02",
    "enabled": false
  }
}];

<div ng-repeat="user in users|  filter: { enabled: true } track by user.userLog.id ">

帮助我如何过滤启用（如果启用为true），则用户详细信息将显示其他隐藏。

谢谢

Answer 1

<div ng-repeat="user in users|  filter: { userLog.enabled: true } track by user.userLog.id ">

Answer 2

JS

<div ng-repeat="user in users | filter: {userLog :{enabled:true}}">
    {{user.firstname}}
</div>

示例

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.users = [{
    "firstname": "Steve",
    "lastname": "Jobs",
    "id": 1,
    "userLog": {
      "id": 1,
      "userId": "Steve01",
      "enabled": true
    }
  }, {
    "firstname": "Michelle",
    "lastname": "Jobs",
    "id": 2,
    "userLog": {
      "id": 2,
      "userId": "Michelle02",
      "enabled": false
    }
  }];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="user in users | filter: {userLog :{enabled:true}}">
    {{user.firstname}}
  </div>
</div>

Answer 3

尝试以下：

<div ng-repeat="user in users |  filter: (!user.userLog.enabled || '') track by user.userLog.id">