angularJS1笔记-(12)-自定义指令(compile/link)

index.html:

  index.js:

var myApp = angular.module('myApp', [])
    .directive('customTags',function () {
        return{
            restrict:"ECAM",
            template:"
aaa
", 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)_第1张图片

 

转载于:https://www.cnblogs.com/yk123/p/6886913.html

你可能感兴趣的:(angularJS1笔记-(12)-自定义指令(compile/link))