Membuat Aplikasi Buku Alamat - Merlina1800016022/tekwebuad_1800016022 GitHub Wiki

Langkah-Langkah Membuat Buku Alamat:

  1. Membuat project baru Angular dengan menggunakan CMD NodeJs jika menggunakan Windows . Tulislah perintah berikut: ng new buku-alamat . Perintah tersebut akan menghasilkan output Would you like to add Angular routing? (y/N). Ketik y untuk membuat Angular Routing yang berfungsi untuk mengatur navigasi halaman. Selanjutnya akan muncul pertanyaan Which stylesheet format would you like to use?. Pilihlah CSS untuk membuat pengaturan style desain menggunakan CSS. Perintah ng new buku-alamat akan menghasilkan folder baru bernama buku-alamat. Tampilan proses pembuatan proyek baru adalah seperti gambar berikut ini : ![](00

  2. Buka browser Anda dan arahkan ke alamat localhost:4200 2y

  3. Selanjutnya ketikkan perintah sebagai berikut ng add @angular/material untuk memilih MD ( Material Desain ) 4

  4. Gambar tampilan awal aplikasi buku alamat error : Tanda titik 3 tidak bisa kesamping 5

  5. Membuat Component baru untuk membuat desain dialog. Melalui terminal, Perintah diatas akan membuat beberapa file secara otomatis seperti tampak pada gambar berikut

6

  1. Hasil Tampilan dialog 7

  2. Membuat component detail alamat dapat menggunakan perintah ** ng generate component detail-alamat** . Dialog detail alamat digunakan untuk menampilkan data alamat secara detail

8

  1. Hasil tampilan untuk detail alamat

9

  1. Membuat dialog konfirmasi untuk menghapus data -10)