Bagaimana Mendapatkan Index array Pada ngFor di angular 4

Di arikel ini ialah sebetulnya hanya tambahan dari artikel sebelumnya dimana saya membahas mengenai pemakaian looping denganngFor di angular, nah bagi kali ini saya akan memberikan bahan tentangÂ Bagaimana Memperoleh Index array Di ngFor di angular 4.

apa maksud dari memperoleh index array di judul di atas ? maksudnya ialah bila kita mempunyai sebuah array sebgai contoh ialah seperti ini :

languageList = [</p>
<p>        {‘name’ :’html’, ‘type’:’frontend’},<br />
        {‘name’ :’java’, ‘type’:’backend’},<br />
        {‘name’ :’css’, ‘type’:’frontend’},<br />
        {‘name’ :’php’, ‘type’:’backend’}<br />
    ];

languageList = [

{‘name’ :‘html’, ‘type’:‘frontend’},

{‘name’ :‘java’, ‘type’:‘backend’},

{‘name’ :‘css’, ‘type’:‘frontend’},

{‘name’ :‘php’, ‘type’:‘backend’}

];

bila kita inggin pun menmpilkan index atau urutan array tersebut di angular kita lumayan meruba atau menambahkan lebih tepatnya code di bagian ngFor kita seperti ini :

<div class=”container”><br />
     <ul *ngFor=”let language of languageList ; let i = index;”  ><br />
         <li>{{ i }} . {{language.name}} – {{language.type}}</li><br />
     </ul><br />
 </div>

<li>{{ i }} . {{language.name}} – {{language.type}}</li>

</ul>

</div>

bila di running karenanya akan tampak hasil seperti berikut :

jadi seperti itulahÂ Bagaimana Memperoleh Index array Di ngFor di angular 4, semoga bermanfaat dan hingga bertemu di artikel mengenai angular berikutnya.

sumber :kursuswebprogramming.com/blog/

(Visited 1 times, 1 visits today)

Leave a Reply Cancel reply