使用 AngularJS 解析 HTML 片段

【问题标题】：Parse HTML fragment with AngularJS使用 AngularJS 解析 HTML 片段
【发布时间】：2015-01-27 12:11:46
【问题描述】：

我有一个通过 AJAX 动态检索的屏幕的一部分，并替换了现有的部分（考虑一个分页网格，当您单击“下一步”时，您会得到一个新的 HTML 表而不是替换当前的）。该片段可能包含 AngularJS 绑定，例如一些需要附加的指令或次要数据绑定。

有没有办法让 AngularJS 解析新片段而不重新解析整个文档？

【问题讨论】：

【解决方案1】：

你可以使用$compile
例如你有

var htmlText = "<div>{{name}} <select>...</select></div>";

在你的指令中你可以这样做

$scope.compiled= $compile(htmlText)($scope);

解析文档的替换部分将是：

var el = angular.element(document.getElementById('#container'));
el.html(ajaxHtml);
$compile(el.contents())(scope);

【讨论】：