Direngsekeun: html ngfor kalawan indéks

Masalah utama anu aya hubunganana sareng ngagunakeun diréktif ngFor kalayan indéks nyaéta yén éta tiasa nyababkeun hasil anu teu disangka-sangka nalika data diulang dina parobihan. Ieu kusabab indéks henteu otomatis diropéa nalika item nu ditambahkeun atawa dihapus tina Asép Sunandar Sunarya, jadi lamun hiji item anyar ditambahkeun dina indéks 0, sakabéh item nu sejen bakal indexes maranéhanana bergeser ka handap ku hiji. Ieu bisa ngakibatkeun data lepat dipintonkeun dina pintonan Anjeun atawa kabiasaan teu kaduga dina aplikasi Anjeun.

<ul>
  <li *ngFor="let item of items; let i = index">{{i}} - {{item}}</li>
</ul>

1. Ieu garis kode nyiptakeun daptar unordered.
2. The *ngFor diréktif dipaké pikeun loop ngaliwatan Asép Sunandar Sunarya item sarta nembongkeun unggal item dina daptar.
3. Kecap konci hayu dipaké pikeun ngadéklarasikeun variabel disebut "item" nu nahan item ayeuna dina Iteration of loop anu.
4. Kecap konci hayu ogé dipaké pikeun ngadéklarasikeun variabel disebut "i" nu nyepeng indéks tina item ayeuna dina Iteration of loop anu.
5. Ieu baris mintonkeun unggal item dina daptar kalawan jumlah indéks na (dimimitian ti 0).

Naon Angular

Angular mangrupikeun kerangka aplikasi wéb front-end basis JavaScript anu dirojong ku Google sareng komunitas individu sareng korporasi pikeun ngatasi seueur tangtangan anu aya dina ngembangkeun aplikasi halaman tunggal. Komponén JavaScript ngalengkepan Apache Cordova, kerangka anu dianggo pikeun ngembangkeun aplikasi mobile cross-platform. Tujuanana pikeun nyederhanakeun pamekaran sareng uji aplikasi sapertos kitu ku nyayogikeun kerangka pikeun arsitéktur model-view-controller (MVC) sareng model-view-viewmodel (MVVM), sareng komponén anu biasa dianggo dina aplikasi Internét anu beunghar.

ngFor unsur

NgFor mangrupikeun diréktif struktural sudut anu ngamungkinkeun urang ngaliwat data sareng nyiptakeun template pikeun tiap item dina susunan atanapi obyék. Hal ieu dipaké pikeun ngulang unsur HTML tinangtu sababaraha kali. NgFor tiasa dianggo pikeun ningalikeun data tina array, obyék, atanapi senar. Ogé bisa dipaké pikeun ngahasilkeun elemen HTML dumasar kana nilai hiji Asép Sunandar Sunarya atawa objék. NgFor biasana dianggo dina kombinasi sareng arahan Angular anu sanés sapertos ngIf sareng ngSwitch.

Kumaha carana kéngingkeun indéks tina unsur ngFor

Anjeun tiasa nganggo kecap konci indéks pikeun kéngingkeun indéks unsur dina gelung ngFor. Sintaksis pikeun ieu nyaéta kieu:

{{i}} – {{item}}

Dina conto ieu, variabel "i" bakal ngandung indéks loop ayeuna. Anjeun teras tiasa nganggo variabel ieu pikeun ngaksés atanapi ngarobih elemen dina daptar anjeun.

tulisan keywords:

Leave a Comment