9. ATSCRIPT
AngularJS 2.0 will be build in it
It's backward compatible with ES5
Types, fields, metadata annotations
It's implemented on top of Traceur (it compiles to JavaScript
and Dart)
10. ATSCRIPT ES6
import {Server} from './server';
class Inject {}
class Component {
selector:string;
constructor({selector:string}) {
this.selector = selector;
}
}
@Component({selector: 'foo'})
class MyComponent {
@Inject()
constructor(server:Server) {}
}
import * as rtts from 'rtts';
import {Server} from './server';
class Inject {}
class Component {
selector:string;
constructor({selector}) {
this.selector = selector;
}
}
class MyComponent {
constructor(server:Server) {}
}
MyComponent.parameters = [{is:Server}];
MyComponent.annotate = [
new Component({selector: 'foo'}),
new Inject()
];
11. DIRECTIVES
Component Directive - custom HTML element
Decorator Directive (eg. ng-show)
Template Directive (eg. ng-if, ng-repeat)
19. CREDITS:
Podcast with AngularJS core team
Traceur
ES6
WebComponents
ng-europe talks
All about AngularJS 2.0
PICTURES:
Slide 2 picture by Maria Schaefer
Slide 3 picture by patriziasoliani
Slide 6 picture by Matt Katzenberger
Slide 16 picture by badjonni