forked from lazyManLearn/angularjs
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathangularjstutorial.js
More file actions
92 lines (89 loc) · 1.94 KB
/
angularjstutorial.js
File metadata and controls
92 lines (89 loc) · 1.94 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
/* use strict */
var app = angular.module('MyApp', [])
app.controller('MainController', function ($scope)
{
$scope.labelName = "New Button";
$scope.newElement = angular.element('<div class="btn btn-default">' +
$scope.labelName + '</div>');
})
.directive('pageDirective', function ()
{
return {
restrict: 'E',
template: '<div>Here is a new button</div>',
controller: 'MainController',
scope: '=',
compile: function (tElem, tAttrs)
{
console.log('compile it. This is the original compiled DOM.');
debugger;
return {
pre: function preLink (scope, iElement, iAttrs)
{
console.log('pre');
iElement.html('<div class="panel panel-default">Now a panel</div>');
debugger;
},
post: function postLink (scope, iElement, iAttrs)
{
console.log('post');
iElement.append(scope.newElement);
debugger;
}
}
}
}
})
.directive('pageDirectiveTwo', function ()
{
return {
restrict: 'E',
template: '<div>Here is a second button</div>',
controller: 'MainController',
scope: '=',
compile: function (tElem, tAttrs)
{
console.log('2 compile it. This is the original compiled DOM.');
debugger;
return {
pre: function preLink (scope, iElement, iAttrs)
{
console.log('2 pre');
debugger;
},
post: function postLink (scope, iElement, iAttrs)
{
console.log('2 post');
iElement.append(scope.newElement);
debugger;
}
}
}
}
})
.directive('pageDirectiveThree', function ()
{
return {
restrict: 'E',
template: '<div>Here is a third button</div>',
controller: 'MainController',
scope: '=',
compile: function (tElem, tAttrs)
{
console.log('3 compile it. This is the original compiled DOM.');
debugger;
return {
pre: function preLink (scope, iElement, iAttrs)
{
console.log('3 pre');
debugger;
},
post: function postLink (scope, iElement, iAttrs)
{
console.log('3 post');
debugger;
}
}
}
}
})