A directive允许您以声明的方式扩展HTML词汇表以构建Web组件。该ng-app属性是一个指令，ng-controller所有也是ng- prefixed attributes。指令可以attributes，tags甚至class names，comments。
指令的诞生方式（compilation和instantiation）
编译：我们将在DOM呈现之前将compile函数用于manipulateDOM并返回一个link函数（该函数将为我们处理链接）。这也是放置所有需要与instances该指令的所有方法共享的方法的地方。
链接：我们将使用该link函数在特定DOM元素（从模板中克隆）上注册所有侦听器，并设置与页面的绑定。
如果在compile()函数中设置它们，它们将只会被设置一次（通常是您想要的）。如果在link()函数中设置，则每次将HTML元素绑定到
对象中的数据时都将设置它们。
<div ng-repeat="i in [0,1,2]">
<simple>
<div>Inner content</div>
</simple>
</div>
app.directive("simple", function(){
return {
restrict: "EA",
transclude:true,
template:"<div>{{label}}<div ng-transclude></div></div>",
compile: function(element, attributes){
return {
pre: function(scope, element, attributes, controller, transcludeFn){
},
post: function(scope, element, attributes, controller, transcludeFn){
}
}
},
controller: function($scope){
}
};
});
Compile函数返回pre和post链接函数。在pre link函数中，我们具有实例模板以及的作用域controller，但是该模板未绑定到作用域，并且仍然没有包含的内容。
Post链接功能是发布链接是最后执行的功能。现在，transclusion完成了the template is linked to a scope，并且view will update with data bound values after the next digest cycle。该link选项只是设置post-link功能的快捷方式。
controller：指令控制器可以传递到另一个指令链接/编译阶段。它可以注入到其他指令中，作为在指令间通信中使用的一种手段。
您必须指定所需的指令名称-它应该绑定到相同的元素或其父元素。该名称可以带有以下前缀：
? – Will not raise any error if a mentioned directive does not exist.
^ – Will look for the directive on parent elements, if not available on the same element.
使用方括号[‘directive1′, ‘directive2′, ‘directive3′]需要多个指令控制器。
var app = angular.module('app', []);
app.controller('MainCtrl', function($scope, $element) {
});
app.directive('parentDirective', function() {
return {
restrict: 'E',
template: '<child-directive></child-directive>',
controller: function($scope, $element){
this.variable = "Hi Vinothbabu"
}
}
});
app.directive('childDirective', function() {
return {
restrict: 'E',
template: '<h1>I am child</h1>',
replace: true,
require: '^parentDirective',
link: function($scope, $element, attr, parentDirectCtrl){
//you now have access to parentDirectCtrl.variable
}
}
});