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 添加指令?的详细内容,更多请关注其它相关文章!