compile对指令模板进行转换

最新推荐文章于 2023-03-27 15:09:48 发布

bollyrui

最新推荐文章于 2023-03-27 15:09:48 发布

阅读量360

点赞数

分类专栏： angularJS

本文链接：https://blog.csdn.net/u010578251/article/details/49703349

版权

angularJS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
</head>
<body>
    <div alotofhello=5>
        <p>hello angularJs</p>
    </div>
    <script>
 var myApp=angular.module('myApp',[]);
 myApp.directive('alotofhello',function(){
    return {
        restrict:'AE',
        compile:function(element,attrs,transclude){
        console.log("指令编译。。。。");
        var tpl=element.children().clone();
        console.log(tpl);
        for(var i=0;i<attrs.alotofhello-1;i++){
         element.append(tpl.clone());
        }

       return function(scope,element,attrs,controller){
         console.log("compile函数返回的link函数");
        }
      }

    }
 });
    </script>
</body>
</html>