次のインデックスのためにng-repeatのAngular selectボックスから選択したオプションを削除します。

Question

すでにng-repatオプションになっている角度jでドロップダウンしています。 繰り返し選択ボックスのいずれかでオプションが選択されたときに、他の繰り返し選択ボックスで使用できないようにしたいと考えています。 私の現在のコードは次のようになります。 ：

HTML：

<div ng-repeat="endDate in endDate_counts"> 
<div class="sch_endDate_opsAmount_cell cell1"> 
<strong class="nc_Camaignfinance_title">Option</strong> 
<div class="nc_Camaign_costFinance_opsSlct" select-input> 
    <div class="nc_Camaign_costFinance_opsSlct_inn"> 
    <span>{{endDate.select_endDate}}</span> 
    <ul> 
    <li ng-click="endDate.select_endDate = 'Never'"> 
     <em>Never</em></li> 
    <li ng-click="endDate.select_endDate = 'Impressions'"> 
     <em>Impressions</em></li> 
    <li ng-click="endDate.select_endDate = 'Budget'"> 
     <em>Budget</em></li> 
    <li ng-click="endDate.select_endDate = 'Clicks'"> 
     <em>Clicks</em></li> 
    <li ng-click="endDate.select_endDate = 'Date'"> 
     <em>Date</em></li> 
</ul> 
</div> 
</div> 
</div> 
</div> 

*注：カスタムディレクティブまたは他の方法を無視してください。私はそれらを自分で使い、それを認識しています。

Answer 1

試してみてください。

HTML：

<ul> 
<li ng-show="checkExist(key-1,'Never')" ng-click="endDate.select_endDate = 'Never'"> 
    <em>Never</em></li> 
<li ng-show="checkExist(key-1,'Impressions')" ng-click="endDate.select_endDate = 'Impressions'"> 
    <em>Impressions</em></li> 
<li ng-show="checkExist(key-1,'Budget')" ng-click="endDate.select_endDate = 'Budget'"> 
    <em>Budget</em></li> 
<li ng-show="checkExist(key-1,'Clicks')" ng-click="endDate.select_endDate = 'Clicks'"> 
    <em>Clicks</em></li> 
<li ng-show="checkExist(key-1,'Date')" ng-click="endDate.select_endDate = 'Date'"> 
    <em>Date</em></li> 

あなたのjsファイルでこの機能を追加します。

$scope.checkExist = function(index,value){ 
    if(index < 0){ 
     return true; 
    } 

    if($scope.endDate_counts[index].select_endDate == value){ 
     return false; 
    }else { 
     return true; 
    } 
}