Skip to content

Instantly share code, notes, and snippets.

@shlomitc

shlomitc/index.html

Forked from anonymous/index.html
Last active August 10, 2016 19:30
Show Gist options
  • Save shlomitc/c60382bb8da3426444ad8496e049de28 to your computer and use it in GitHub Desktop.
Save shlomitc/c60382bb8da3426444ad8496e049de28 to your computer and use it in GitHub Desktop.
Download ZIP
Angular Directive Compilation Order
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body ng-app="myApp">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
<parent>
<child></child>
</parent>
<script id="jsbin-javascript">
angular.module('myApp', [])
.directive('parent', function(){
return {
restrict: 'E',
controller: function(){
console.log(3);
},
compile: function() {
console.log(1);
return function() {
console.log(6);
}
}
};
})
.directive('child', function(){
return {
restrict: 'E',
controller: function(){
console.log(4);
},
compile: function() {
console.log(2);
return function() {
console.log(5);
}
}
};
})
</script>
<script id="jsbin-source-javascript" type="text/javascript">angular.module('myApp', [])
.directive('parent', function(){
return {
restrict: 'E',
controller: function(){
console.log(3);
},
compile: function() {
console.log(1);
return function() {
console.log(6);
}
}
};
})
.directive('child', function(){
return {
restrict: 'E',
controller: function(){
console.log(4);
},
compile: function() {
console.log(2);
return function() {
console.log(5);
}
}
};
})</script></body>
</html>
Raw
jsbin.pecijog.js
angular.module('myApp', [])
.directive('parent', function(){
return {
restrict: 'E',
controller: function(){
console.log(3);
},
compile: function() {
console.log(1);
return function() {
console.log(6);
}
}
};
})
.directive('child', function(){
return {
restrict: 'E',
controller: function(){
console.log(4);
},
compile: function() {
console.log(2);
return function() {
console.log(5);
}
}
};
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment