Angularfire2

Angular dan AngularFire2

Membuat Project ng new tokoonline npm install firebase angularfire2 --save npm install angular2-flash-messages --save Membuat Component home, Masuk directory components jalankan ng g component home akan terbentuk home dan file lainnya. D:\Tools\Tutorial-Angular\tokoonline>cd src\app\components D:\Tools\Tutorial-Angular\tokoonline\src\app\components>ng g component home installing component create src\app\components\home\home.component.css create src\app\components\home\home.component.html create src\app\components\home\home.component.spec.ts create src\app\components\home\home.component.ts update src\app\app.module.ts Membuat Component listings D:\Tools\Tutorial-Angular\tokoonline\src\app\components>ng g component listings installing component create src\app\components\listings\listings.component.css create src\app\components\listings\listings.

Continue reading

Angular-material dan Firebase

Menggunakan Material pada Angular material-angular List Array Pada Firebase Buat project Angular $ ng new fireMaterial $ cd fireMaterial Install Material dalam folder project npm install --save @angular/material Install Module Angular Animation npm install --save @angular/animations Pada app.module.ts, import code di bawah: import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; import { MaterialModule, MdButtonModule, MdCheckboxModule} from '@angular/material'; dan imports: [ MaterialModule, BrowserAnimationsModule, MdButtonModule, MdCheckboxModule ], Memsasang Theme material, Buka index.

Continue reading

Angular dan PrimeNg

Buat Project dengan angular2-cli $ ng new angularprimetutorial installing ng2 create .editorconfig create README.md create src\app\app.component.css create src\app\app.component.html create src\app\app.component.spec.ts create src\app\app.component.ts create src\app\app.module.ts create src\assets\.gitkeep create src\environments\environment.prod.ts create src\environments\environment.ts create src\favicon.ico create src\index.html create src\main.ts create src\polyfills.ts create src\styles.css create src\test.ts create src\tsconfig.json create angular-cli.json create e2e\app.e2e-spec.ts create e2e\app.po.ts create e2e\tsconfig.json create .gitignore create karma.conf.js create package.json create protractor.conf.js create tslint.json Successfully initialized git. Installing packages for tooling via npm.

Continue reading