標籤：console 指令 筆記 element pre att attr sha 執行
index.html:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body><div ng-app="myApp"> <div ng-controller="firstController"> <div ng-repeat="user in users" custom-tags><a href="www.baidu.com">baidu</a></div> </div></div><script type="text/javascript" src="../../vendor/angular/angularJs.js"></script><script type="text/javascript" src="app/index.js"></script><script></script></body></html>
index.js:
var myApp = angular.module(‘myApp‘, []) .directive(‘customTags‘,function () { return{ restrict:"ECAM", template:"<div>aaa<span ng-transclude></span></div>", replace:true, transclude:true, compile:function (tElement,tAttrs,transclude) { console.log(tElement); console.log(tAttrs); console.log(‘customTags compile‘); console.log("你好，我是編譯階段的方法"); //在編譯階段只執行一次 return function () { console.log(‘compile return function‘) } } } }) .controller(‘firstController‘,[‘$scope‘,function ($scope) { $scope.users = [ { id:10, name:‘張三‘ }, { id:20, name:‘李四‘ } ]; }]);
運行結果:
angularJS1筆記-(12)-自訂指令(compile/link)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
