详解angularJS动态生成的页面中ng-click无效解决办法

今天碰到了一个这样的需求，在自己写的动态的页面中，写入的AngularJS无效不能点击响应事件，以下给出代码以及解决方案

1.首先将我们要赋值给页面的数据new一下

var html = "<a href='javascript:void(0);' ng-click='test()'></a>" 

 2.用$compile函数编译一下上边的内容

var $html = $compile(html)($scope); 

3.将编译好的内容插入到页面中

$("body").append($html); 

完成

以下是完整版本

app.controller('customersCtrl', function ($scope, $http,$compile) { 
$scope.test = function(){ 
  alert('test'); 
} 
 
// TODO 动态生成html中 ng-click无效 解决方法 $compile 是传进来的 
//下边这句话就是要写入页面中的内容，首先把你写入的内容赋值给html 
var html = "<a href='javascript:void(0);' ng-click='test()'></a>" 
  
 
//用$compile进行编译 
 
var $html = $compile(html)($scope); 
 
 
//添加到页面中，或者你任何想添加的位置。}); 
 
$("body").append($html); 

这样ng-click就可以触发function了 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# angular  # ng  # click无效  # click  # 无效  # 失效  # vue.js添加一些触摸事件以及安装fastclick的实例  # vue.js 添加 fastclick的支持方法  # JavaScript中click和onclick本质区别与用法分析  # JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法  # JS中touchstart事件与click事件冲突的解决方法  # 详解vue.js的事件处理器v-on:click  # AngularJS的ng-click传参的方法  # Angularjs为ng-click事件传递参数  # JS基于onclick事件实现单个按钮的编辑与保存功能示例  # JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法  # js原生实现FastClick事件的实例  # 快速解决js开发下拉框中blur与click冲突  # Javascript中绑定click事件的四种方式介绍  # 把你  # 这句话  # 解决方法  # 大家多多  # 要写  # 就可以  # href  # lt  # html  # javascript  # void  # var  # br  # AngularJS  # pre  # js  # brush  # class 

相关文章： 如何安全更换建站之星模板并保留数据？  建站10G流量真的够用吗？如何应对访问高峰？  详解jQuery停止动画——stop()方法的使用  怎么将XML数据可视化 D3.js加载XML  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  建站之星后台管理：高效配置与模板优化提升用户体验  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  C#如何使用XPathNavigator高效查询XML  建站之家VIP精选网站模板与SEO优化教程整合指南  建站与域名管理如何高效结合？  如何快速搭建安全的FTP站点？  ,石家庄四十八中学官网？  如何选择建站程序？包含哪些必备功能与类型？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  网站图片在线制作软件,怎么在图片上做链接？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  公众号网站制作网页,微信公众号怎么制作？  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  如何基于云服务器快速搭建网站及云盘系统？  如何在Tomcat中配置并部署网站项目？  如何通过网站建站时间优化SEO与用户体验？  如何在Windows虚拟主机上快速搭建网站？  如何通过智能用户系统一键生成高效建站方案？  海南网站制作公司有哪些,海口网是哪家的？  如何选择高效便捷的WAP商城建站系统？  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  如何彻底卸载建站之星软件？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  安云自助建站系统如何快速提升SEO排名？  Python文件管理规范_工程实践说明【指导】  如何撰写建站申请书？关键要点有哪些？  Python如何创建带属性的XML节点  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  实例解析Array和String方法  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  官网网站制作腾讯审核要多久,联想路由器newifi官网  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  网站app免费制作软件,能免费看各大网站视频的手机app？  如何通过免费商城建站系统源码自定义网站主题与功能？  一键网站制作软件,义乌购一件代发流程？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  如何高效完成自助建站业务培训？  香港服务器租用每月最低只需15元？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  教程网站设计制作软件,怎么创建自己的一个网站？