Getting started with Angular 2
Angular 2 Model:
NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule
],
providers: []
})
export class AppModule { }
Angular 2 Component:
Component({
template : `Welcome to profistart Angular for Beginner`
})
Angular 2 init Model:
platformBrowserDynamic().bootstrapModule(AppModule);
Angular 2 init Event Listener:
Component({
selector: 'profistart-root',
template:
``
})
export class AppComponent {
public color: string;
onKeyUp() {
console.log('keyup: ' +
this.color)
}
}
Angular 2 Directive:
Component({
selector: 'profistart-root',
template :
`<textfield´ [(ngModel)]="content" >
<p>content</p>`
})
export class AppComponent {}
Angular 2 Connect Model View:
Component({
selector: 'profistart-root',
template:
`Hallo i am a component`
})
Angular 2 Selector:
<div class="container">
<profistart-root>
</profistart-root>
</div>
More Examples: stackoverflow.com/questions/38103920/how-to-use-javascript-functions-in-an-angular-2-component-from-a-different-file