使用AngularJS解析HTML片段

Question

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

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

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