從AngularJS獲取編譯的HTML

Question

我在AngularJS中獲取頁面的編譯html時遇到了麻煩。 這是代碼：

JS：

    <script src="http://code.angularjs.org/1.2.0rc1/angular.min.js"></script>
    <script>
        var app = angular.module('main', []);

        app.directive("compile", ['$compile', function ($compile) {
            return {
                link: function(scope, elem, attr){
                    var compiledHTML = $compile(elem.contents())(scope);
                    console.log(compiledHTML);
                    var returnString = '';
                    for(i=0; i<compiledHTML.length; i++)
                        returnString += compiledHTML[i].outerHTML;

                    console.log(returnString);
                }
            };
        }]);
    </script>

HTML：

<html ng-app="main" compile>
    <body>
        {{3 + 4}}
    </body>
</html>

奇怪的是在第一個console.log（）中，它在outerHTML屬性中顯示已編譯的數據7，但是當我輸出所有的.outerHTML時，它顯示了未編譯的版本，{{3 + 4}}

Answer 1

看起來這是一個時間問題。 等待處理編譯的HTML做了伎倆。

$timeout(function(){
    var returnString = '';
    for(i=0; i<compiledHTML.length; i++)
        returnString += compiledHTML[i].outerHTML;

    console.log(returnString);
},0);

從AngularJS獲取編譯的HTML

問題描述

1 個解決方案

解決方案1
12 已采納 2013-09-03 19:59:20

從AngularJS獲取編譯的HTML

問題描述

1 個解決方案

解決方案1 12 已采納 2013-09-03 19:59:20

解決方案1
12 已采納 2013-09-03 19:59:20