Desulicious

Pastikan anda telah menyiapkan workspace terlebih dahulu. Untuk memudahkan dapat mengikuti panduan Setup Project Angular 2. Untuk membuat component pada angular 2 dapat dilakukan dengan sintaks dari angular CLI ng generate component myform.component Angular-CLI akan otomatis membuatkan folder component (css, html, spec dan ts). Tag baru app-myform akan otomatis di buatkan dan dapat dilihat pada myform.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-myform', templateUrl: './myform.component.html', styleUrls: ['./myform.component.css'] }) export class MyformComponent implements OnInit { constructor() { } ngOnInit() { } } Masukkan myform.component ke dalam app.component.html <h1> {{title}} </h1> <app-myform></app-myform> Tambahkan form ke dalam component myform.component.html <form> <input type="text" name="username" placehold

Apa itu Angular? Angular merupakan framework untuk menciptakan aplikasi web yang dinamik. Pada tahun 2009 Miško Hevery and Adam Abrons mehasilkan project bernama <angular /> dengan tujuan untuk membantu developers dan designer saat membangun aplikasi web dengan simple tag HTML. Saat ini Angular telah berkembang hingga versi Angular 2. Dalam artikel ini saya akan membagi pengalaman dalam men-setup project menggunakan Angular 2. Note dalam artikel ini saya menggunakan Windows 10 Aplikasi yang digunakan Node JS Visual Studio Code Angular-CLI Install NodeJS Download Node JS pada halaman nodejs.org . Untuk versi stabil pilih yang LTS. Kemudian install dan ikuti proses instalasi. Saat ini saya menggunakan node js versi v6.9.5 . Install Visual Studio Code Download Visual Studio Code pada halaman visualstudio.com . Visual Studio Code sangat baik digunakan sebagai IDE untuk project Angular Install dan ikuti proses instalasi. Install Angular CLI Angular CLI meru