用ng-if重复，在ng-if中重复超过它应该重复的次数

Question

我需要一个数据列表，该列表通过其定义的属性（监控）进行过滤，我不能只执行以下操作：

ng-if="project.monitored"

因为我需要计算未受监控的。

对于这个示例，我简化了从getProjects（）返回的数据，通常是：

this.projects = {
    "owned": [
        {
            "name": "project-1",
            "monitored": true
        },
        {
            "name": "project-2",
            "monitored": true
        }
    ],
    "John Doe": [
        {
            "name": "project-3",
            "monitored": true
        },
        {
            "name": "project-4",
            "monitored": false
        }
    ]
};

我将首先遍历this.projects.owner，然后遍历模板中的其余部分。此处未监控的总数将等于1。

所以我想我不能用这种方法

例子：

样板

<div ng-init="getProjects()">
    <div ng-if="vm.isMonitored(project.name)" ng-repeat="project in vm.projects">{{ project.name }}</div>  
</div>

控制器：

getProjects(){

    console.log('init');

    this.projects = {
        {
            "name": "project-1",
            "monitored": true
        },
        {
            "name": "project-2",
            "monitored": true
        }
    };

}

isMonitored(name) {

    console.log('Name :'+name);

    return true;

}

模板正确显示了2个结果：

项目1项目2

但console.log：

init
dashboard.controller.js?e45c:217 Name :project-1
dashboard.controller.js?e45c:217 Name :project-2
dashboard.controller.js?e45c:217 Name :project-1
dashboard.controller.js?e45c:217 Name :project-2
dashboard.controller.js?e45c:217 Name :project-1
dashboard.controller.js?e45c:217 Name :project-2

因此，我无法理解为什么在模板上显示的结果是正确的情况下，console.log中有如此多的副本。

因此，如果我在ng-if中计算任何东西，结果将是错误的。为什么啊？有什么解决办法吗？

Answer 1

在每个摘要循环中，AngularJS将重新评估注册的观察者（因此您的vm.is监控（project.name））。这就是为什么你的控制台会多次显示日志。

使用ng if时，使用的值必须是布尔值或返回布尔值的方法。你不能用这种方法做生意，因为AngularJS的麦加主义。好的方面是，你的观点应该是：

<div ng-if="project.monitored" ng-repeat="project in vm.projects">{{ project.name }}</div>