Angular

Template wajib dimiliki oleh Angular Component. terdapat dua pendekatan: External HTML template Inline HTML template External HTML Template Adalah file HTML yang menggunakan format nama_component.component.html. Informasi template diakses oleh file component.ts melalui @component decorator menggunakan property templateUrl yang diisi dengan relatif path dari file html template. Menggunakan contoh dari modul sebelumnya, yaitu file server.component.ts Inline … Read more

Pendahuluan Ide dari Angular adalah membangun web page berdasarkan component. Sedangkan component itu sendiri adalah sebuah typescript class yang akan di instantiate oleh Angular untuk membuat object berdasarkan blue print yang dibuat. Contoh menggunakan web skillplus, jika didevelop dengan Angular, maka kita dapat bagi menjadi component Header. Menu. Main body. Sidenbar Membuat Component Angular AppComponent … Read more

Tutorial akan menggunakan css framewrok Bootstrap. Untuk menginstal bootstrap, buka command prompt, masuk ke direktori project, jalankan perintah berikut Module Bootstrap akan terinstal local pada directory project. Browse lokasi dari bootstrap yang sudah terinstal di node_module. Pada tutorial lokasi bootstrap ada di Berikutnya buka file angular.json pada project root directory. Kemudian tambahkan link ke module … Read more

Setelah project selesai disetup, kita akan membahas struktur file Angular. Pengenalan Struktur File Buka folder project menggunakan text editor favorit Anda. Terdapat beberapa folder yang bisa menjadi perhatian. node_modules berisi library yang otomatis diinstal oleh Angular. Folder ini dapat diabaikan. src/app adalah folder kerja utama Anda. Semua component yang dibuat akan disimpan disini. src/index.html, file … Read more