如何用ng-if限制ng-repeat

时间:2018-01-23 08:05:16

标签: javascript angularjs

<div ng-repeat="post in posts" ng-if="post.type !='article'">
  <h1>{{post.title}}</h1>
</div>

在上面的代码中,仅限于“artical&#39;来到列表然后它将限制。但在我的方案中,我有下拉,将动态添加。这里我想限制已选择的值不应该在下一个添加的下拉列表中可见。

PHP demo

2 个答案:

答案 0 :(得分:4)

您可以在filter集合上使用ng-repeat,并在那里动态传递type值。

ng-repeat="post in posts | filter: { type: selectedValue }"

答案 1 :(得分:1)

尝试this solution

<强> HTML:

$scope.allowedNames = function(current){
    var temp = $scope.names.filter(function(x){ 
        return $scope.personalDetails.map(function(x){ return x.fname}).indexOf(x) == -1 
    });
    temp.push(current);
    return temp;
}

<强>使用Javascript:

{{1}}