Pada Tutorial kali ini tentang Tutorial Angular 4 : Membuat Component Blogger Gede akan memberikan tutorial apa yang dimaksudkan dari “Component” pada Angular 4 dan cara menggunakannya.
Apa itu Component ?
Menurut Kamus Besar Bahasa Indonesia, yang dimaksud dari komponen adalah bagian dari keseluruhan; unsur
Jadi, menurut pemahaman Blogger Gede Komponen pada Angular merupakan bagian-bagian kecil dari keselurahan aplikasi. Misalkan pada aplikasi chat terdapat komponent button, form, box-chat, balon chat, dan sebagainya tergantung bagaimana anda membagi menjadi kepingan-kepingan dari suatu aplikasi utuh.
Untuk membuat komponent pada Angular, dengan menggunakan angular-cli, adalah sebagai berikut :
Pertama, buka terminal/command prompt anda. arahkan pada folder dimana project Angular berada. eksekusi perintah :
ng g component <nama_component>
ganti <nama_component> sesuai dengan keinginan anda. pada kali ini penulis mencoba membuat komponen dengan nama example.
Kedua, supaya bisa digunakan setelah file berhasil digenerate, class tersebut harus anda daftarkan pada module, pada kali ini file example.component akan Blogger Gede daftarkan di app.module.ts.
Import Komponen Example, kemudian masukkan ke dalam @NgModule() dengan attribute decalarations.
Ketiga, untuk menggunakannya pun cukup mudah. Pada kasus ini, penulis ingin menggunakan Komponen Example, ke dalam AppComponent. Langkahnya adalah sebagai berikut :
-Masuk ke dalam komponen AppComponent.
-Gunakanlah component sesuai tag selector yang ada di ComponentExample pda templateUrl AppComponent.
Keempat, jalankan aplikasi.
Ketika anda membuka aplikasi, maka akan terlihat :
Apa itu Component ?
Menurut Kamus Besar Bahasa Indonesia, yang dimaksud dari komponen adalah bagian dari keseluruhan; unsur
Jadi, menurut pemahaman Blogger Gede Komponen pada Angular merupakan bagian-bagian kecil dari keselurahan aplikasi. Misalkan pada aplikasi chat terdapat komponent button, form, box-chat, balon chat, dan sebagainya tergantung bagaimana anda membagi menjadi kepingan-kepingan dari suatu aplikasi utuh.
Untuk membuat komponent pada Angular, dengan menggunakan angular-cli, adalah sebagai berikut :
Pertama, buka terminal/command prompt anda. arahkan pada folder dimana project Angular berada. eksekusi perintah :
ng g component <nama_component>
ganti <nama_component> sesuai dengan keinginan anda. pada kali ini penulis mencoba membuat komponen dengan nama example.
Kedua, supaya bisa digunakan setelah file berhasil digenerate, class tersebut harus anda daftarkan pada module, pada kali ini file example.component akan Blogger Gede daftarkan di app.module.ts.
Import Komponen Example, kemudian masukkan ke dalam @NgModule() dengan attribute decalarations.
Ketiga, untuk menggunakannya pun cukup mudah. Pada kasus ini, penulis ingin menggunakan Komponen Example, ke dalam AppComponent. Langkahnya adalah sebagai berikut :
-Masuk ke dalam komponen AppComponent.
-Gunakanlah component sesuai tag selector yang ada di ComponentExample pda templateUrl AppComponent.
Keempat, jalankan aplikasi.
Ketika anda membuka aplikasi, maka akan terlihat :
Tulisan “app works!” merupakan template dari AppComponent, sedangkan “example works!” merupakan template dari ExampleComponent.
No comments:
Post a Comment