
动态添加带指令的 html
如何动态生成并向 dom 中添加包含 angularjs 指令的 html 元素?
要动态添加带有指令的 html,需要遵循以下步骤:
-
使用 ng-compile 指令编译 html
立即学习“前端免费学习笔记(深入)”;
ng-compile 指令将一段 html 字符串编译成 angularjs 模板函数。这使 angularjs 能够解析指令并将它们与作用域连接。
传媒公司模板(RTCMS)1.0下载传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目,如果修改栏目,需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML,安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据,安装时可选择演示安装或全新安装。如果全新安装,后台内容充实后,首页才能完全显示出来。(全新安装后可以删除演示数据用到的图片,目录在https://
var newhtml = '查看'; var compiledhtml = $compile(newhtml)($scope);
-
将编译后的 html 添加到 dom
使用 jquery 或原生 javascript 将编译后的 html添加到 dom 中。
$('#parent-element').append(compiledhtml); -
调用 $apply
编译后的 html 已添加到 dom 中,但 angularjs 尚未对其进行检测。需要调用 $apply 方法来告知 angularjs 对更改进行检查。
$scope.$apply();
完成这些步骤后,动态生成的 html 元素将包含 angularjs 指令,并且可以访问作用域中的方法。










