
如何在 angularjs 中为动态生成的 html 添加指令?
当您动态生成 html 元素时,如何将 angularjs 指令绑定到它们?例如,如果您想要添加一个元素并使用 ng-click 指令来触发一个名为 info() 的方法,该如何实现?
解决方案:
要将指令绑定到动态生成的 html,需要进行以下步骤:
网新企业网站管理系统是专业为个人和企业网站建设而开发的一款智能化程序。该程序基于ASP+ACCESS环境开发,拥有完善的网站前台和后台全智能化管理功能,完全由后台操作(如添加、修改网站基本信息、产品、企业新闻动态等)静态生成前台界面HTML格式网页文件,是个人和企业智能化网站建设首选!
立即学习“前端免费学习笔记(深入)”;
- 编译 html:使用 $compile 服务编译动态生成的 html,该服务将解析指令并创建与它们关联的编译函数。
- 添加到 dom:使用 $compile 服务返回的编译函数将 html 添加到 dom 中。这样 angularjs 就能够识别指令并应用它们的功能。
以下是示例代码:
// 动态生成的 HTML const html = '查看'; // 编译 HTML const compiledHtml = $compile(html); // 添加到 DOM angular.element(document.body).append(compiledHtml);
在此示例中,编译后的 html 将被添加到 dom 中,angularjs 将识别 ng-click 指令并将其绑定到 info() 方法。










