时间:2021-05-25
今天碰到了一个这样的需求,在自己写的动态的页面中,写入的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了
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AngularJS事件AngularJS有自己的HTML事件指令。ng-click指令ng-click指令定义了AngularJS点击事件。AngularJS实
在使用AngularJs的过程中,我们常常会用到一些ng-事件,如ng-click、ng-change等,这些事件都是AngularJs事先为我们定义好的。也有
AngularJS获取ng-repeat动态生成的ng-model值最近做项目遇到了ng-model是ng-repeat动态生成的,ng-model=”变量”,
解决方法:用angular写手机页面,有时候会发现input输入框点击了却不能输入,或者长按才能输入,可能是因为input绑定了ng-click导致,可去掉ng
今天遇到个难题就是ng-click传参问题,在网上找了好多资料,先留个笔记{{item.transAmount}}已分配:{{item.usePoints}}授