Card image cap
[Angular 7][3] Array
Saturday, 09 Mar 2019

Hello world,

Melanjutkan dari pembahasan sebelumnya yaitu tentang variable, kali ini tidak akan jauh-jauh dari itu yaitu penggunaan array. Cara pembuatan array di Angular masih sama dengan bahasa pemrograman lain seperti javascript (pada dasarnya Angular kan javascript hehe) atau PHP dll. Yang sedikit berbeda mungkin cara menampilkannya (yang berbeda hanya sintaxnya). 

import { Component } from '@angular/core';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'namaweb';
heroes = ['Captain America','Iron Man', 'Hulk', 'Black Widow'];
}

Pada contoh di atas (file app.component.ts) saya buat sebuah array bernama heroes berisi 4 data. Sekarang cara menampilkannya bagaimana? sama dengan bahasa yang lain kita akan menggunakan looping FOR dimana di sini namanya sedikit berbeda yaitu ngFor. Contohnya seperti ini.


Selamat mencoba :)