AngularJSで動的に作成されたドロップダウンオプションを削除するにはどうすればよいですか？

Question

私のコードを掲載しました。私はオプションからKanhuを削除したいと思います。

実例を参照してください。ここで

var myApp = angular.module('myApp',[]); 
 

 
function myCtrl ($scope) { 
 
    $scope.userProfiles = [ 
 
    {id: 10, name: 'Chinmay'}, 
 
    {id: 27, name: 'Sanjib'}, 
 
    {id: 35, name: 'Kanhu'}, 
 
    {id: 38, name: 'Pradeepta'}, 
 
    {id: 39, name: 'Debsish'}, 
 
    ]; 
 
    $scope.selectedUserProfile= $scope.userProfiles[1].id; 
 

 
    $scope.existingId = 35; 
 
    
 
};

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    Name 
 
    <select id="requestorSite" ng-model="selectedUserProfile" ng-options="userProfile.id as userProfile.name for userProfile in userProfiles"> 
 
    </select> 
 
    <br/> 
 
    </div>

はドロップダウンに来て5名ですが、私は私のドロップダウンオプションからkanhuを削除したいです。それを取り除く方法を教えてもらえますか？

私はフィルタuserProfile.id as userProfile.name for userProfile in userProfiles | filter:{id: !existingId}を使用しようとしましたが、これは動作しません。

Answer 1

フィルタ：{id： '！' + existingId}

var myApp = angular.module('myApp',[]); 
 

 
function myCtrl ($scope) { 
 
    $scope.userProfiles = [ 
 
    {id: 10, name: 'Chinmay'}, 
 
    {id: 27, name: 'Sanjib'}, 
 
    {id: 35, name: 'Kanhu'}, 
 
    {id: 38, name: 'Pradeepta'}, 
 
    {id: 39, name: 'Debsish'}, 
 
    ]; 
 
    $scope.selectedUserProfile= $scope.userProfiles[1].id; 
 

 
    $scope.existingId = 35; 
 
    
 
};

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    Name 
 
    <select id="requestorSite" ng-model="selectedUserProfile" ng-options="userProfile.id as userProfile.name for userProfile in userProfiles | filter: {id: '!' + existingId}"> 
 
    </select> 
 
    <br/> 
 
    </div>

Answer 2

あなたが代わりにオプションを使用して、次のことを試すことができます。

はそれが=をホープ）

var myApp = angular.module('myApp',[]); 
 

 
function myCtrl ($scope) { 
 
    $scope.userProfiles = [ 
 
    {id: 10, name: 'Chinmay'}, 
 
    {id: 27, name: 'Sanjib'}, 
 
    {id: 35, name: 'Kanhu'}, 
 
    {id: 38, name: 'Pradeepta'}, 
 
    {id: 39, name: 'Debsish'}, 
 
    ]; 
 
    $scope.selectedUserProfile= $scope.userProfiles[1].id; 
 

 
    $scope.existingId = 35; 
 
    
 
};

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    Name 
 
     <select id="requestorSite" ng-model="selectedUserProfile"> 
 
    <option ng-hide="userProfile.id == existingId" value="{{userProfile.id}}" ng-repeat="userProfile in userProfiles">{{userProfile.name}}</option> 
 
    </select> 
 
    <br/> 
 
    </div>

Answer 3

は、ドロップダウンからその選択したオプションを削除したいなぜ、あなたは簡単に（具体的な理由がある？）、その値を選択するようにユーザーを禁止することができますHere is working fiddle

<div ng-app="myApp" ng-controller="myCtrl"> 
Name 
    <select id="requestorSite" ng-model="selectedUserProfile" ng-options="userProfile.id as userProfile.name for userProfile in userProfiles | filter:'!Kanhu'"> 
</select> 
<br/> 
</div> 

Answer 4

、これを試してみてください、私はドロップダウンにそれを保つが、そのうオプションが無効になります。

マークアップこれはANSここ

<select id="requestorSite" 
    ng-model="selectedUserProfile" 
    ng-options="userProfile.id as userProfile.name disable when (userProfile.name == 'Kanhu') for userProfile in userProfiles"> 
</select> 

Plunkr in action

同様answer