6

Sto cercando di utilizzare ng-if in ng-repeat per l'implementazione di Accordions. In base al valore della condizione, la ng-repeat dovrebbe saltare alcuni elementi in ng-repeat.Voglio saltare l'elemento in ng-repeat utilizzando ng-if

E.g. Se item.condition è true, solo questo dovrebbe visualizzare la fisarmonica. Il codice seguente è quello che ho finora e non funziona. Sembra giusto?

 <accordion close-others="true"> 
      <accordion-group is-open="isopen" ng-repeat="item in items | limitTo:2" ng-if="item.condition == "true"",ng-init="isopen=2"> 
        <accordion-heading> 
      {{item.label}} 
      <i class="pull-right glyphicon" 
         ng-class="{'icon-arrow-up': isopen, 'icon-arrow-down': !isopen}"></i> 
        </accordion-heading> 
       </accordion-group> 
      </accordion> 
+0

hai provato e è vero che non funziona? Qual è l'output ... qualche errore? – Nirmal

+0

l'errore era dovuto a "true" in ng-if = "item.condition ==" true "". Dovrei essere solo vero. Grazie :-) – mahi244

+6

@ user3320018 No! No! No! Se non funziona, è fuori tema per la revisione del codice! – Mast

risposta

5

tuo ng-if contengono doppi apici aggiuntivi, Dovrebbe essere ng-if="item.condition == true", rimuovere anche il , dall'elemento fisarmonica

Inoltre si potrebbe ridurre al minimo la sua condizione di ng-if="item.condition" così allora l'espressione ritornerà true e false su item.condition variabile valutazione.

Markup

<accordion close-others="true"> 
    <accordion-group is-open="isopen" ng-repeat="item in items | limitTo:2" 
     ng-if="item.condition" ng-init="isopen=2"> 
     <accordion-heading> 
      {{item.label}} 
      <i class="pull-right glyphicon" ng-class="{'icon-arrow-up': isopen, 'icon-arrow-down': !isopen}"></i> 
     </accordion-heading> 
    </accordion-group> 
</accordion> 
+2

Capito, è stato a causa di "" extra in ng-if = "item.amenity ==" "Grazie. :-) – mahi244

+0

Ho una domanda, invece del valore hard coded per true di false in ng-if. Voglio solo passare una variabile che contiene true di false eg: check =" true o false ". ng -se "item.condition == check". Non funziona in questo modo, c'è un modo? – mahi244

+0

sure..'ng-if' ha bisogno solo di un'espressione che dovrebbe restituire true o false sulla valutazione di it.take a la mia risposta aggiornata ... –

Problemi correlati