双循环，如果没有要显示的内容，则不显示结果

Question

使用AngularJs，我有一个双循环来显示数据，还有一个按年过滤。

当，对于给定的一年，我没有结果，我想显示消息"没有结果..."，但由于双循环，我无法让它工作

这是一个演示http://plnkr.co/edit/OSWSyXk8bnvmj1rFwHJ0?p=preview

我要在何时显示的div

<div ng-if="personnes.length < 1" class="noresults">No RESULTS</div>

要查看没有结果的示例，请在年度下拉列表中选择“2013-2014”

非常感谢

Answer 1

嗯，这不是我想要的那么漂亮，但是不管怎样。你可以更新你的html如下：

<div ng-if="filterArray(resultsPersonnes).length < 1 && $first" class="noresults">No RESULTS</div>

并在您的控制器中创建新功能：

$scope.filterArray = function(resultsPersonnes) {
    return resultsPersonnes.filter(function(prop) { return prop.fraiss[0].annee == $scope.annee.id; });
}

基本上，这只是重复angular在ng repeat中使用过滤器所做的工作。请参阅更新的演示。