1
1
angular . module ( 'tutorials' , [ ] )
2
2
3
- . directive ( 'docTutorialNav' , [ 'templateMerge' , function ( templateMerge ) {
3
+ . directive ( 'docTutorialNav' , function ( ) {
4
4
var pages = [
5
5
'' ,
6
6
'step_00' , 'step_01' , 'step_02' , 'step_03' , 'step_04' ,
7
7
'step_05' , 'step_06' , 'step_07' , 'step_08' , 'step_09' ,
8
8
'step_10' , 'step_11' , 'step_12' , 'the_end'
9
9
] ;
10
10
return {
11
- compile : function ( element , attrs ) {
12
- var seq = 1 * attrs . docTutorialNav ,
13
- props = {
14
- seq : seq ,
15
- prev : pages [ seq ] ,
16
- next : pages [ 2 + seq ] ,
17
- diffLo : seq ? ( seq - 1 ) : '0~1' ,
18
- diffHi : seq
19
- } ;
11
+ scope : { } ,
12
+ template :
13
+ '<a ng-href="tutorial/{{prev}}"><li class="btn btn-primary"><i class="glyphicon glyphicon-step-backward"></i> Previous</li></a>\n' +
14
+ '<a ng-href="http://angular.github.io/angular-phonecat/step-{{seq}}/app"><li class="btn btn-primary"><i class="glyphicon glyphicon-play"></i> Live Demo</li></a>\n' +
15
+ '<a ng-href="https://github.com/angular/angular-phonecat/compare/step-{{diffLo}}...step-{{diffHi}}"><li class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> Code Diff</li></a>\n' +
16
+ '<a ng-href="tutorial/{{next}}"><li class="btn btn-primary">Next <i class="glyphicon glyphicon-step-forward"></i></li></a>' ,
17
+ link : function ( scope , element , attrs ) {
18
+ var seq = 1 * attrs . docTutorialNav ;
19
+ scope . seq = seq ;
20
+ scope . prev = pages [ seq ] ;
21
+ scope . next = pages [ 2 + seq ] ;
22
+ scope . diffLo = seq ? ( seq - 1 ) : '0~1' ;
23
+ scope . diffHi = seq ;
20
24
21
25
element . addClass ( 'btn-group' ) ;
22
26
element . addClass ( 'tutorial-nav' ) ;
23
- element . append ( templateMerge (
24
- '<a href="tutorial/{{prev}}"><li class="btn btn-primary"><i class="glyphicon glyphicon-step-backward"></i> Previous</li></a>\n' +
25
- '<a href="http://angular.github.io/angular-phonecat/step-{{seq}}/app"><li class="btn btn-primary"><i class="glyphicon glyphicon-play"></i> Live Demo</li></a>\n' +
26
- '<a href="https://github.com/angular/angular-phonecat/compare/step-{{diffLo}}...step-{{diffHi}}"><li class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> Code Diff</li></a>\n' +
27
- '<a href="tutorial/{{next}}"><li class="btn btn-primary">Next <i class="glyphicon glyphicon-step-forward"></i></li></a>' , props ) ) ;
28
27
}
29
28
} ;
30
- } ] )
29
+ } )
31
30
32
31
33
32
. directive ( 'docTutorialReset' , function ( ) {
@@ -47,4 +46,4 @@ angular.module('tutorials', [])
47
46
'<a ng-href="https://github.com/angular/angular-phonecat/compare/step-{{step ? (step - 1): \'0~1\'}}...step-{{step}}">GitHub</a>\n' +
48
47
'</p>'
49
48
} ;
50
- } ) ;
49
+ } ) ;
0 commit comments