转自:
官方API:
一个民间详细介绍:
问:
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'; } };});
答:
1.restrict E: 表示该directive仅能以element方式使用,即:A: 表示该directive仅能以attribute方式使用,即: EA: 表示该directive既能以element方式使用,也能以attribute方式使用 2.transclude 你的directive可能接受页面上的其他html内容时才会用到,建议你先去掉该参数。有些高阶了。 3.scope 当你写上该属性时,就表示这个directive不会从它的controller里继承$scope对象,而是会重新创建一个。 4.templateUrl 你的directive里的html内容 5.link 可以简单理解为,当directive被angular 编译后,执行该方法
这里你说的没错,link
中的第一个参数scope
基本上就是你说的上面写的那个scope
。
element
简单说就是$('my-dialog')
attrs
是个map,内容是你这个directive
上的所有属性,例如:你在页面上如果这样写了directive
:
那attrs
就是:
{type: 'modal',animation: 'fade'}