Latihan 1: Apa itu Angular? — Angular

Latihan 1 dari materi Apa itu Angular? di Angular — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Komponen di editor sudah lengkap. Baca tiap barisnya dulu, lalu tekan Run Test:

@Component dengan selector: 'app-root' dan standalone: true. Baris standalone: true sudah bawaan sejak Angular 19 (editor ini menjalankan Angular 22), tapi masih ada di banyak kode, jadi kenali bentuknya.
template berisi <h1>Halo Angular!</h1>.
export class AppComponent {} adalah class komponennya.

Yang dicek:

Ada elemen <h1> di halaman.
Isi <h1> persis Halo Angular!, termasuk huruf besar H dan A serta tanda serunya.

Kalau mau bereksperimen, ganti teksnya, jalankan, lalu kembalikan ke Halo Angular! sebelum Run Test.

Hint

Komponen Angular adalah class yang diberi decorator @Component. Template-nya HTML yang dipasang ke tag yang namanya sama dengan selector.
Bentuknya: @Component({ selector: 'app-root', standalone: true, template: `...` }) lalu di bawahnya export class AppComponent {}.
template: `<h1>Halo Angular!</h1>`

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Apa itu Angular? — Angular

Hint

Memperbarui Aplikasi