javascript - 想要在另一个div ng-if中引用ng-repeat中的变量。 AngularJS

Question

我已从数据库中获取文档。现在我想做的是根据不同的doc.statuses，想要显示不同的消息。该怎么做呢？

<p>
    <a target="_blank" style="margin-right:5px" ng-repeat="doc in homeCtrl.getDocs(docType.objectId)" href="{{doc.document.url}}">
        <div ng-if="doc.status == 'approved'">Hello</div>
        <span class="label label-success"><i  class="glyphicon glyphicon-hourglass"></i>{{doc.status}}</span>
       <br>{{doc.comment}}<br>
    </a>
</p>

所以 div 中的 ng-if 不起作用。如何引用ng-repeat中使用的文档？

编辑: 我还是想不通。我的 Controller 看起来像这样(我正在使用 Parse 后端)

Controller 看起来像这样

class HomeController {

  constructor($scope, $state, itemsService, $location, $ionicLoading) {
    'ngInject';
    const self = this;
    self.UserDocument = Parse.Object.extend('UserDocument');
    self.$scope = $scope;
    self.$scope.user = {};
    self.$scope.objUserDocument = {};
    self.$scope.userDocumentTypes = [];
    self.loading = $ionicLoading;
    // self.$scope.docs = [];

    $scope.$on("$ionicView.beforeEnter", function(event, data) {
      if (!Parse.User.current()) {
        $location.url('/signup');
      } else {
        // self.$scope.user = window.buddy;
        self._getDocumentTypes();
        // self.$scope.user.firstName = objUser.get('firstName');
        // self.$scope.user.lastName = objUser.get('lastName');
        // console.log(objUser.get('docs'));
      }

    });
    window.homeCtrl = this;
  }


  getDocs(id) {
    const self = this;
    if (self.$scope.user.docs && self.$scope.user.docs.length) {
      var docs = self.$scope.user.docs.filter(d => id == d.docType.objectId);
      return docs;
    } else {
      return [];
    }
  }

}

export default HomeController;

````

Answer 1

ng-if 工作正常:

HTML:

<div ng-repeat="item in items">
  <span>{{item.id}}</span>
  <span ng-if="item.status === 'approved'">approved</span>
  <span ng-if="item.status === 'rejected'">rejected</span>
</div>

JS:

angular.module('myApp', [])
.controller('myCtrl', ['$scope', function($scope) {
  $scope.items = [
    {status: 'approved', id: 1},
    {status: 'approved', id: 2},
    {status: 'rejected', id: 3},
    {status: 'rejected', id: 4}
    ]
}])

这是 plnkr:http://plnkr.co/edit/wIX46rZHBNGHdv1S3LKg?p=preview