Javascript 如何使用ng if限制ng重复

Javascript 如何使用ng if限制ng重复,javascript,angularjs,Javascript,Angularjs,在上面的代码中,只有当“artical”出现在列表中时才会进行限制。但在我的场景中,我有一个将动态添加的下拉列表。在这里,我想限制已选择的值在下一个添加的下拉列表中不应可见 您可以在ng repeat集合上使用筛选器,并在其中动态传递类型值 <div ng-repeat="post in posts" ng-if="post.type !='article'"> <h1>{{post.title}}</h1> </div> 您可以在ng re

在上面的代码中,只有当“artical”出现在列表中时才会进行限制。但在我的场景中,我有一个将动态添加的下拉列表。在这里,我想限制已选择的值在下一个添加的下拉列表中不应可见

您可以在ng repeat集合上使用筛选器,并在其中动态传递类型值

<div ng-repeat="post in posts" ng-if="post.type !='article'">
  <h1>{{post.title}}</h1>
</div>
您可以在ng repeat集合上使用筛选器,并在其中动态传递类型值

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

HTML:

尝试:

HTML:


@用户9130953小提琴不完整吗?不确定要解决什么:我需要通过什么来代替selectedValue@user9130953我请求您更新JSFIDLE,以便我可以修复它并为您提供一个工作环境。请查找上面的内容fiddle@user9130953小提琴不完整吗?不确定要解决什么:我需要通过什么来代替selectedValue@user9130953我请求您更新JSFIDLE,以便我可以修复它并为您提供一个工作环境。请查找上面的FIDLE
<select ng-model="personalDetail.fname" ng-options="x for x in allowedNames(personalDetail.fname)">
</select>
$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;
}