angularjs - ngrepeat - ng repeat $key



AngularJS-ng-repeat per assegnare/generare un nuovo ID univoco (2)

Sto usando una semplice ng-repeat per generare un elenco di paesi. All'interno di ogni lista c'è una riga nascosta / div che può essere espansa e compressa.

Il problema che sto affrontando è che prima ho introdotto Angular nella mia applicazione, ho codificato manualmente l'ID dell'elemento, ad esempio:

<li data-show="#country1">
    {{country.name}} has population of {{country.population}}

    <div id="country1">
         <p>Expand/collapse content
    </div>
</li>
<li data-show="#country2">
    {{country.name}} has population of {{country.population}}

    <div id="country2">
         <p>Expand/collapse content
    </div>
</li>
<li data-show="#country3">
    {{country.name}} has population of {{country.population}}

    <div id="country3">
         <p>Expand/collapse content
    </div>
</li>
<li data-show="#country4">
    {{country.name}} has population of {{country.population}}

    <div id="country4">
         <p>Expand/collapse content
    </div>
</li>

Nuovo codice usando ng-repeat :

<li ng-repeat="country in countries" data-show="????">
    {{country.name}} has population of {{country.population}}

    <div id="???">
         <p>Expand/collapse content
    </div>
</li>

Come posso assegnare un ID dinamico / incrementale nella mia ng-repeat ?

https://ffff65535.com



{{$index+1}} mostrerà 1-5 per ogni pagina di paginazione per cambiare numero di serie come per pagina no di impaginazione, usa {{$index+curPage*5+1}} , dove curPage è il tuo attuale pagina in paginazione.





ng-repeat