angularjs directive link 属性 问题

Question

angular.module('docsTransclusionExample',[])
.controller('Controller',['$scope',function($scope){
$scope.name='Tobias';
}])
.directive('myDialog',function(){
return{
restrict:'E',
transclude:true,
scope:{},
templateUrl:'my-dialog.html',
link:function(scope,element){
scope.name='Jeff';
}
};
});
这个在官网上的directive代码，link函数起到的什么作用，解释有点费解，然后其中有三个参数
scope：isanAngularscopeobject.
element：isthejqLite-wrappedelementthatthisdirectivematches.
attrs：isahashobjectwithkey-valuepairsofnormalizedattributenamesandtheircorrespondingattributevalues.
这个用法是怎样的，scope好像就是return中得scope属性。。

Answer 1

首先我们先来聊聊你列出的directive中的几个属性：restrictE：表示该directive仅能以element方式使用，即：A：表示该directive仅能以attribute方式使用，即：EA:表示该directive既能以element方式使用，也能以attribute方式使用transclude你的directive可能接受页面上的其他html内容时才会用到，建议你先去掉该参数。有些高阶了。scope当你写上该属性时，就表示这个directive不会从它的controller里继承$scope对象，而是会重新创建一个。templateUrl你的directive里的html内容link可以简单理解为，当directive被angular编译后，执行该方法这里你说的没错，link中的第一个参数scope基本上就是你说的上面写的那个scope。element简单说就是$('my-dialog')attrs是个map，内容是你这个directive上的所有属性，例如：你在页面上如果这样写了directive:那attrs就是：{type:'modal',animation:'fade'}