Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取重复的InnerHTML_Javascript_Jquery_Html_Angularjs - Fatal编程技术网

Javascript 获取重复的InnerHTML

Javascript 获取重复的InnerHTML,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我想知道如何获得重复的完整、简单的HTML。 我需要它来创建报告,警报部分的代码等 我使用$compile,通过编译我已经能够获得简单标记的HTML <p>I am {{surname}}, {{name}} {{surname}}</p> 我是{{姓氏},{{姓名}{{姓氏} 我得到的是 <p>I am Bond, James Bond<p> 我是邦德,詹姆斯·邦德 但是当我试着用同样的方法 <p ng-repeat="number

我想知道如何获得重复完整、简单的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>

{{number}

我只听到一个尖刻的评论说

<!-- ngRepeat -->

而不是一系列的段落。
请检查此示例。

为了编译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]);
$scope.html=$compile(“

{{el}}

”)($scope); document.getElementById('app').appendChild($scope.html[0]);
演示:
在下一个摘要周期中,您可以获得呈现的HTML:

您不应该试图修改
ng repeat
或使用jQuery生成的其他角度输出。为什么需要元素的HTML内容?我不想修改它,我想获得纯HTML用于其他目的(警报、创建报告等)你能解释一下你的反对票吗?谢谢!我错过了暂停时间。