在AngularJS中处理DOM操作

Question

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

$scope.showSummary = function($event){

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

};

这是一个简单的例子，但在元素更改HTML（此功能被称为后ng-click），输出它仍然{{row}}不是什么 行 应该在上下文/范围的意思。

Answer 1

您必须注入$compile（http://docs.angularjs.org/api/ng.$compile）并使用它，以便对新html
有所了解。

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

但是，在控制器中执行DOM操作时，它一向不受欢迎。您希望您的控制器处理业务，而您的视图处理该视图。

尝试执行指令以执行所需的操作。http://docs.angularjs.org/guide/directive