javascript - .html() 返回空字符串

Question

我有代码:

        htmlObject = '<div status-box></div>';
        template = $compile(htmlObject)($scope);
        $scope.$digest();
        console.log(template);
        var templateAsHtml = template.html();
        console.log(templateAsHtml);

和输出:来自第一个 console.log:

{0: <div status-box="" class="ng-scope"></div>, length: 1}

从第二个开始:

''

似乎在我调用 .html 的那一刻它只是没有转换它而且它是空的。

Answer 1

当您请求 .html() 时一个元素你会得到innerHTML它的。自 '<div status-box></div>'没有子节点，行为是正确的。如果你想返回包含对象本身的 HTML，你需要使用 outerHTML功能。

var templateAsHtml = template[0].outerHTML;
console.log(templateAsHtml);

查看文档:

• > http://www.w3schools.com/jsref/prop_html_innerhtml.asp
• > https://developer.mozilla.org/en-US/docs/Web/API/Element/outerHTML

注:[0]用于访问包装器对象内的原始 JavaScript 对象。