在模板应用之前尝试获取指令内容

时间:2016-08-17 22:46:55

标签: javascript angularjs angularjs-directive

我在这里有一个简单的案例,我试图在编译函数中获取指令内的内容。

angular.module('myModule').directive('myDirective', function ($compile) {

    return {
        restrict: 'E',
        compile: compile
    }

    function compile(){

        return {
            pre: function(scope, element, attrs){

                // Get the current contents
                var elContent = angular.copy(element.contents());

                console.log(elContent);

            }
        }

    }

})

所以,在这一点上,内容还没有被编译,这就是我想要的。不幸的是,虽然已经让所有孩子都扫描了模板并替换了他们的模板(例如有评论等)。

我是否有可能在替换模板之前获取内容并与之交互,以便我可以将其插回到原始元素中,并让另一个指令(优先级较低)进行转换等?

1 个答案:

答案 0 :(得分:0)

正如您可以看到在父编译之后编译子指令,所以我认为您的问题不正确

enter image description here