我可以附加包含ng-repeat

时间:2017-02-02 11:05:35

标签: jquery angularjs angularjs-ng-repeat append

我正在尝试将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吗?

谢谢你们:)

2 个答案:

答案 0 :(得分:6)

在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);

答案 1 :(得分:0)