angularjs directive link 属性 问题

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：is an Angular scope object.element： is the jqLite-wrapped element that this directive matches.attrs： is a hash object with key-value pairs of normalized attribute names and their corresponding attrib

首先我们先来聊聊你列出的directive中的几个属性：
restrict
E： 表示该directive仅能以element方式使用，即：<my-dialog></my-dialog>
A： 表示该directive仅能以attribute方式使用，即：<div my-dialog></div>
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:
<my-dialog type="modal" animation="fade"></my-dialog>
那attrs就是：
{
type: 'modal',
animation: 'fade'
}