Software Engineering Tech Tips

To getting start with angular2 app, we need to setup some bunch of  tool and boilerplate codes. Fortunately there are many easy getting-start projects available for angular2. Those are  angular-cli , angual2-seed etc. Anyway we need to rely on node and npm, that would need for real angular2 projects. But sometimes we need to test  angular2 features  and share demo codes with others. Installing large node modules and setting-up not worth for this kind of task. However for small task you can use angular2 without npm.     have a look at github repository -  https://github.com/ishara/angular2-without-npm happy coding.

How to bind data only if form is submitted in Angular2 This can be down with angular2 form handing with data-driven approach (User Angular  FormBuilder ). Template File <form [ngFormModel]='myForm' (ngSubmit)="onSubmit()"> <input type="text" [ngFormControl]="myForm.controls['userName']" /> <button type="submit">Submit</button> <button>Cancel</button> </form> <br>userName : {{originalUserName}} Angular Component Class export class AppComponent { myForm:ControlGroup; originalUserName:string; constructor(private _formBuilder:FormBuilder) { this.originalUserName = 'abc'; this.myForm = _formBuilder.group({ userName: [this.originalUserName] }); } onSubmit(form) { this.originalUserName = this.myForm.controls['userName'].value; } } GitHub Example Source

Angular 2 is a best framework for building single page web application. Its provide major common tools and features set to enterprises developer life easier. I have found Angular 2 Training video and book, prepared by Rangle.io Team. worth to have a look and read. Download Angular 2 Training Videos Angular 2 Book