angularjs - 处理 AngularJS 中的 DOM 操作

Question

当我使用 jQuery 执行 DOM 操作(添加新的 HTML)时，AngularJS 不会自动检测新 HTML 中的变量并将其替换为它们的值。例如:

$scope.showSummary = function($event){

    $($event.currentTarget).html("<div>{{row}}</div>");

};

这是一个简单的示例，但是在更改元素中的 HTML 后(该函数由 ng-click 调用)，输出仍然是 {{row}} 而不是 row 在上下文/范围中的含义。

Answer 1

你必须注入(inject)$compile ( http://docs.angularjs.org/api/ng.$compile ) 并使用它，以便 Angular 了解新的 html。

$compile('<div>{{row}}</div')($scope).appendTo($event.currentTarget);

然而，在 Controller 中进行 DOM 操作是不被允许的。您希望 Controller 处理业务， View 处理 View 。

尝试使用指令来执行您想要的操作。 http://docs.angularjs.org/guide/directive