我可以附加包含ng-repeat

Question

我正在尝试将div附加到另一个div。但是我将追加的div有一个ng-repeat（AngularJS）。

我的HTML代码如下所示：

<div id="content"></div>

这是我的jquery / angularjs函数：

$('#content').append('<div ng-repeat="article in articles"><p>{{article.title}}</p></div>);

我可以在追加它之后运行ng-repeat吗？

谢谢你们：）

Answer 1

在div中附加新元素后，你必须重新编译DOM

您的HTML

<div id="content"></div>

第1步：创建要附加的HTML

 var articleHTML= angular.element('<div ng-repeat="article in articles"><p>{{article.title}}</p></div>');

第2步：编译模板

var compileAppendedArticleHTML= $compile(articleHTML);

步骤3：将已编译的模板与范围链接。

var element = compileAppendedArticleHTML($scope);

第4步：附加到DOM

$("#content").append(element);

Answer 2

此链接可能对您有所帮助

  

http://blog.sodhanalibrary.com/2014/08/append-or-prepend-html-to-div-using.html#.WJMS_qLhXIU