�ݺ�ߣ

a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();

a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();
a

a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();
a b

a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();
a b
c

a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();
a b
cd

a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();
a
b
c
d

timer.start();
a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();
timer.stop();
a
b
c
d

timer.start();
a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();
timer.stop();
a
b
c
d
start
stop

timer.start();
a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();
timer.stop();
a
b
c
d
start
stop
apply

timer.start();
a();
setTimeout( b, 0 );
setTimeout( c, 0 );
d();
timer.stop();
a
b
c
d
apply

$scope.$apply(function () {
$scope.message = "Timeout called!";
});

module.directive('autocomplete', ['autocompleter',
function(autocompleter) {
return {
restrict: 'A',
link: function (scope, element, attrs) {
//...
}
}
}]);

@Decorator({selector: '[autocomplete]'})
class Autocomplete {
constructor(autocompleter:Autocompleter,
el:NgElement, attrs:NgAttributes){
//...
}
}

Type annotations and compile-time type checking
Type inference
Classes
Interfaces
Enumerated type
Mixin
Generic
Modules
Abbreviated "arrow" syntax for anonymous functions
Optional parameters and default parameters
Tuple

<template>
<div class="border">
<div class="tabs">
<div [ng-repeat|pane]="panes" class="tab" (^click)="select(pane)">
<img [src]="pane.icon"><span>${pane.name}</span>
</div>
</div>
<content></content>
</div>
</template>
Rob Eisenberg

[property]
(event)
${interpolate}

ng-click event listener
ng-src property

main router
child router
/A
/B /C
/A /1 /A /2 /A /3

Combine
controller
with directive

�ݺ�ߣ

Angular 2.0

More Related Content

Angular 2.0