Navigasi Angular - adysetyawan/tekweb1800016092 GitHub Wiki

ada pertemuan ini saya membuat navigasi pada angular di windows:

1.Halaman baru pada angular 2.Navigasi untuk mengarahkan ke halaman baru itu.

berikut langkah-langkahnya:

1.Tahap pertama kita melakukan perintah (ng g component pages/praktikum1) untuk mengawali membuat isi baru dalam pages.

2.Kedua Kita Melakukan Perintah sama (ng generate component pages/praktikum2)

3.Ketiga Masukan Kembali perintah di atas dengan mengganti namannya menjadi praktikum3

4.Ketika sudah selesai dan tampil isi pages baru dengan nama(praktikum1,2,3) lalu kita cek isinya apakah sesuai

5.Kemudian kita membuka (app-routing.module.ts) seperti dibawah ini.

6.Lalu pada bagian (app-routing.module.ts)ini kita membuat path baru dengan nama path 'praktikum1','praktikum2','praktikum3' dan component: Praktikum1Component.,component: Praktikum2Component.,component: Praktikum3Component. seperti gambar dibawah ini.

7.Setelah membuat path baru kemudian kita melakukan import baru seperti gambar dibawah ini, yang sudah saya tandai,untuk mengambil importnya kita masuk di (app.module.ts) seperti gamabr di bawawh.

8.Kita buka pada bagian (halaman-utama.html) disini kita membuat bagian yang akan kita bikin link. Seperti dibawah ini.

9.Pada bagian ini masih sama pada langkah sebelumnya kita tambhakan perintah sedikit.

10.Dan Disini Saya akan Menapilkan beberapa hasilnya

KURANG LEBIH SEPERTI ITU Yang saya Dapat Paprkan Mohon MAaf kalo Ada Kesalahan