Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JavaScript-Steuerelemente mit Angular: Fallstud...

JavaScript-Steuerelemente mit Angular: Fallstudie mit Live-Coding

Slides from Session at JAX 2017, Mainz, Germany

Avatar for Manfred Steyer

Manfred Steyer

May 10, 2017
Tweet

More Decks by Manfred Steyer

Other Decks in Programming

Transcript

  1. Über mich … • Manfred Steyer • SOFTWAREarchitekt.at • Trainer

    & Consultant • Focus: Angular • Google Developer Expert (GDE) Page ▪ 2 Manfred Steyer
  2. Inhalt • Kurzer Überblick zu Angular • Property Binding •

    Content Projection • Kommunikation mit Kind-Komponenten • Events und Event Bindings • Two Way Bindings
  3. Komponente import { Component } from '@angular/core'; @Component({ selector: 'flight-app',

    templateUrl: './app.component.html', }) export class AppComponent { title: string = 'App works!'; doStuff(): void { this.title = 'Stuff done!'; } }
  4. Komponente import { Component } from '@angular/core'; @Component({ selector: 'flight-app',

    templateUrl: './app.component.html', }) export class AppComponent { title: string = 'App works!'; doStuff(): void { this.title = 'Stuff done!'; } }
  5. Komponente import { Component } from '@angular/core'; @Component({ selector: 'flight-app',

    templateUrl: './app.component.html', }) export class AppComponent { title = 'App works!'; doStuff(): void { this.title = 'Stuff done!'; } }
  6. Komponente import { Component } from '@angular/core'; @Component({ selector: 'flight-app',

    templateUrl: './app.component.html', }) export class AppComponent { title = 'App works!'; doStuff(): void { this.title = 'Stuff done!'; } }