当前位置: 首页 > 编程笔记 >

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

段干博明
2023-03-14
本文向大家介绍详解angularJS动态生成的页面中ng-click无效解决办法,包括了详解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了 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍angularjs中ng-attr的用法详解,包括了angularjs中ng-attr的用法详解的使用技巧和注意事项,需要的朋友参考一下 前言 html中的属性很多,同样可以使用angularjs来定义: ng-attr-(suffix)=只能使用变量定义 ng-bind中使用字符可以将文字显示出来 用法实例代码: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工

  • 问题内容: HTML jQuery 角度脚本 在这里,AngularJS的控制器部分中调用的函数不会从ng-click事件中触发。HTML已成功添加,但是ng- click无效。告诉我解决方案以使其正常工作 问题答案: 仍然不是一个完美的解决方案!!!-只是为了说明如何进行动态编译 不要将控制器用于dom操作-必须在指令的帮助下完成

  • 本文向大家介绍AngularJS动态生成div的ID源码解析,包括了AngularJS动态生成div的ID源码解析的使用技巧和注意事项,需要的朋友参考一下 1、问题背景 给定一个数组对象,里面是div的id;循环生成div元素,并给id赋值 2、实现源码 3、实现结果 以上所述是小编给大家介绍的AngularJS动态生成div的ID源码解析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会

  • 本文向大家介绍php.ini save_handler 修改不生效的解决办法,包括了php.ini save_handler 修改不生效的解决办法的使用技巧和注意事项,需要的朋友参考一下 php5.3.3以前php-fpm还没有被php收录,配置php基本都在php.ini里面,php5.3.3及以后,除了在php.ini配置以外,还可以在php-fpm.conf里面配置。 多个地方都可以配置的话

  • 本文向大家介绍详解vue-router 动态路由下子页面多页共活的解决方案,包括了详解vue-router 动态路由下子页面多页共活的解决方案的使用技巧和注意事项,需要的朋友参考一下 我们都知道 vue-router 的动态路由匹配 对组件是原地复用的策略,需要我们在组件中根据不同的 $route 参数展示不同的数据,这在大部分情景下是很高效的做法,但这无疑增加了组件的复杂度,而且不同参数间切换因

  • 本文向大家介绍Android CheckBox中设置padding无效解决办法,包括了Android CheckBox中设置padding无效解决办法的使用技巧和注意事项,需要的朋友参考一下 Android CheckBox中设置padding无效解决办法 CheckBox使用本地图片资源 CheckBox是Android中用的比较多的一个控件,不过它自带的button样式比较丑,通常都会替换成本

  • 问题内容: 这是我的HTML代码的摘录。 我正在尝试做的事情: 我已经使用上述代码段创建了3个div元素,它们将位于屏幕顶部。每个div元素都将使用css赋予框的形状。一个box(div)可以具有红色作为背景,也可以具有黑色作为背景。 这两种颜色的CSS是: 这是我的控制器的片段: 在此示例中,我将其制作为静态Json,但是在运行时,我计划生成Json代码,以便可以为框动态分配背景色。 我面临 的

  • 本文向大家介绍C++如何动态的生成对象详解,包括了C++如何动态的生成对象详解的使用技巧和注意事项,需要的朋友参考一下 前言 可能说起C++大多数人都觉着难学,其实我也是这么觉着的,在这个移动端火到爆的时代,我都想改行了,移动端做东西那都是现有的第三方库,拿来就可以用,而且稳定性好,开发速度快,而且最关键的是出东西。再谈一谈动态生成对象,为什么强大的C++不支持呢?想用这样功能的人都必须自己实现一