AngularJS 中如何动态给 HTML 添加指令?
动态给生成 html 添加指令
在 angularjs 中,动态添加的 html 需要经过编译才能绑定指令。例如,如果要添加如下的 html:
<a href="javascript:void(0);" ng-click="info()">查看</a>
那么可以采用以下步骤:
-
使用 $compile 服务编译 html:
var element = $compile('<a href="javascript:void(0);" ng-click="info()">查看</a>')(scope);
-
将编译后的元素添加到 dom:
angular.element(document.body).append(element);
通过这种方式,编译器会将指令绑定到新添加的 html 元素上,从而实现相应的方法调用。
以上就是AngularJS 中如何动态给 HTML 添加指令?的详细内容,更多请关注其它相关文章!