Aurelia & Angular 2.0 Code Side by Side

Aurelia & Angular 2.0 Code Side by Side

Aurelia & Angular 2.0 Code Side by Side

app.js import {Component, Template} from 'angular2/angular2'; @Component({selector: 'my-app'}) @Template({url: 'app.html'}) class MyApp { constructor() { this.firstName = 'John'; this.lastName = 'Doe'; this.updateFullname(); } updateFullname(){ this.fullName = this.firstName + " " + this.lastName; } firstNameChanged($event, first){ this.firstName = first.value; this.updateFullname(); } lastNameChanged($event, last){ this.lastName = last.value; this.updateFullname(); } } app.js export class MyApp{ constructor(){ this.firstName = 'John'; this.lastName = 'Doe'; } get fullName(){ return `${this.firstName} ${this.lastName}`; } } Note: Additional code is needed for Angular 2.0 if ES6/ES5/CoffeeScript is used rather than AtScript since annotations must be "manually transpiled" by the developer.

http://eisenbergeffect.bluespire.com/aurelia-and-angular-2-code-side-by-side/

Retour à l'accueil