Angular basic knowledges, installing, adding bootstrap, and two ways data binding
- Untuk memulai menggunakan framework Angular, kamu harus menginstall node terlebih dahulu. Pergi ke Node browser, lalu ikuti instruksi untuk mendownload node.js
- Setelah itu pergi ke terminal, lalu ketik
npm install -g @angular/cli untuk menginstall angular command line interface. kunjungi websitenya untuk mendapatkan informasi lebih lanjut Angular CLI
- untuk memulai suatu project ketik
ng new <yourappname>
- lalu masuk ke folder applikasi kamu dengan mengetik
cd <yourappname>
- lalu jalankan applikasi kamu dengan mengetik
ng serve cek applikasi kamu dengan membuka browser dan ketik localhost:4200
- Untuk menambahkan bootstrap, caranya install bootstrap melalui npm
npm install bootstrap --save lalu buka folder .angular-cli.json dan tambahkan di bagian "styles" "../node_modules/bootstrap/dist/css/bootstrap.min.css"
- Data binding satu arah dari HTML ke Business logic biasanya dilakukan menggunakan event handling
<button (click) = "YourMethod()"> atau <input type="text" (input) = "YourMethod($event)">
- Sebaliknya, data binding satu arah dari Business logic ke HTML biasanya dilakukan menggunakan property binding
<button [disabled]="sex === 'male'">
- Untuk melakukan komunikasi dua arah antara typescript(Business Logic) dan Template(HTML) kita bisa mengunakan data binding dua arah
<input type="text" [(ngModel)] = "data">
