Latihan 1 dari materi Komponen Angular di Angular — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Lengkapi AppComponent di editor. selector: 'app-root' yang sudah ada tetap.
Isi template (di antara dua backtick) dengan dua elemen:
<h1>Hyper Sheets</h1>
<p>Belajar Angular itu seru!</p>
export class AppComponent {} tetap seperti itu.
Komponen ini standalone: berdiri sendiri, tanpa NgModule. Sejak Angular 19 itu bawaan, jadi standalone: true gak perlu ditulis. Di kode Angular 14 sampai 18 kamu masih akan sering melihat baris itu.
Yang dicek:
<h1> berisi persis Hyper Sheets.
<p> berisi persis Belajar Angular itu seru!.
Hint
Komponen adalah class dengan decorator @Component. selector menyebut nama tag-nya, dan template berisi HTML yang tampil di tag itu.
Template ditulis di antara backtick supaya bisa beberapa baris. Sejak Angular 19 komponen sudah standalone, jadi cukup selector dan template.
template: `<h1>Hyper Sheets</h1> <p>Belajar Angular itu seru!</p>`
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...