与AngularJS解析HTML片段(Parse HTML fragment with Angula

2019-10-21 16:36发布

我有一个是通过AJAX动态检索到的画面的一部分,并取代现有的部分(想想分页格,当你点击“下一步”,你得到一个新的HTML表格不是取代当前的)。 该片段可以内容AngularJS绑定,像一些指令需要被附接或次要数据绑定。

有没有一种方法,使AngularJS解析,如果没有重新分析整个文档的新片段?

Answer 1:

你可以用$编译
例如,你有

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


文章来源: Parse HTML fragment with AngularJS