AngularJS 中如何动态给 HTML 添加指令？

动态给生成 html 添加指令

在 angularjs 中，动态添加的 html 需要经过编译才能绑定指令。例如，如果要添加如下的 html：

<a href="javascript:void(0);" ng-click="info()">查看</a>

那么可以采用以下步骤：

1. 使用 $compile 服务编译 html：

   立即学习“前端免费学习笔记（深入）”；

   var element = $compile('<a href="javascript:void(0);" ng-click="info()">查看</a>')(scope);

   登录后复制

2. 将编译后的元素添加到 dom：

   angular.element(document.body).append(element);

   登录后复制

通过这种方式，编译器会将指令绑定到新添加的 html 元素上，从而实现相应的方法调用。