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

大家好，我们又见面了啊~本文《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 元素上，从而实现相应的方法调用。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《AngularJS 中如何动态给 HTML 添加指令？》文章吧，也可关注golang学习网公众号了解相关技术文章。