AngularJS: Empty - latest CI build
HTML
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<div abc="parent">
<div abc="1">
<div abc="1a"></div>
<div abc="1b"></div>
</div>
<div abc="2">
<div abc="2a"></div>
<div abc="2b"></div>
</div>
</div>
<!-- LOG -->
<ol>
<li ng-repeat="msg in log">{{msg}}</li>
</ol>
CSS
div {
padding: 5px;
margin: 5px;
background-color: #EEE;
border: 1px solid #BBB;
}
div > div {
background-color: #DDD;
}
div > div > div {
background-color: #CCC;
}
ol {
list-style: decimal;
margin-left: 30px;
}
JavaScript
angular.module('fiddle', []).directive('abc', function($rootScope) {
$rootScope.log = [];
return {
compile: function(tpl, attr) {
$rootScope.log.push('compile: ' + attr.abc);
return {
pre: function(scope, elm, iAttr) {
$rootScope.log.push('pre: ' + iAttr.abc);
},
post: function(scope, elm, iAttr) {
elm.prepend(iAttr.abc)
$rootScope.log.push('post: ' + iAttr.abc);
}
};
}
}
});