获取Angular ngRepeat InnerHTML

Question

我想知道如何获取Angular ngRepeat的完整 纯 HTML 。 我需要它来创建报告，警告部分代码等。

我使用了$ compile，并且可以通过编译获得简单标签的HTML

<p>I am {{surname}}, {{name}} {{surname}}</p>

而我得到的是

<p>I am Bond, James Bond<p>

但是当我尝试对

<p ng-repeat="number in array">{{number}}</p>

我只收到Angular评论说

<!-- ngRepeat -->

而不是一系列的段落。 请查看此小提琴中的示例。

Answer 1

为了使Angular编译ngRepeat指令，它必须在DOM中。 Angular找到相应的注释并将其替换为实际的HTML结构。

因此，您需要做的就是将已编译的注释节点附加到DOM，并且在渲染后可以检索HTML。

$scope.html = $compile('<p ng-repeat="el in arr">{{el}}</p>')($scope);
document.getElementById('app').appendChild($scope.html[0]);

演示： http ： //jsfiddle.net/d4p0qLx2/2/

在下一个摘要周期中，您可以获取呈现的HTML： http : //jsfiddle.net/d4p0qLx2/4/