Entfernen Sie die ausgewählte Option aus der Angular-Auswahlbox in ng-Repeat für den nächsten Index

Question

Ich arbeite an Dropdown in Winkel js, die bereits in ng-repat-Option ist. Ich möchte es auf eine Weise arbeiten lassen, dass, wenn eine Option in einem der wiederholten Auswahlkästchen ausgewählt wird, es in anderen wiederholten Auswahlfeldern nicht verfügbar sein sollte. Mein aktueller Code sieht so aus. :

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> 

* Hinweis: die benutzerdefinierten Richtlinien oder andere Methoden Bitte ignorieren. Ich benutze sie selbst und bin mir ihrer bewusst.

Answer 1

Versuch:

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> 

diese Funktion in Ihrem js-Datei hinzufügen:

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

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