angularJS动态生成的页面中，ng-click无效解决办法_程序开发

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

admin

2023-07-26 03:40:15

0次

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

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

var html = ""

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 = ""


//用$compile进行编译

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


//添加到页面中，或者你任何想添加的位置。});

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


这样ng-click就可以触发function

上一篇：面试题目两题写法

热门资讯

我在没有空调的巴黎，感受世纪热... 最近半个月，我几乎每天都能收到好友Capucine发来的吐槽信息。“床是烫的，风扇吹出来的风也是烫的...

千万粉MCN放“黑料”敲诈明星... 6月29日，记者从广东公安获悉，近日，在公安部网安局和广东省公安厅网安总队的直接指挥下，河源市公安局...

辽宁葫芦岛一居民楼突发爆炸，已... 警情通报2026年6月29日7时11分，葫芦岛市消防救援局指挥中心接到报警，位于葫芦岛市南票区九龙街...

商都十二载，一轮焕新彰郑州... 时光荏苒，初心如磐。为庆祝郑州绿地JW万豪酒店入驻中原12周年，酒店于城市之巅的JW花园隆重举办“夏...

做完数学题，韩国队回家了随着刚果（金）逆转乌兹别克斯坦晋级美加墨世界杯淘汰赛，韩国球员心里绷了好几天的那根弦，“啪”的一下断...

军队、公安、司法、消防类院校2... 6月29日，河南省教育考试院公布河南省2026年军队院校、公安院校、司法类院校、中国消防救援学院的招...

国家体育总局政策法规司原副司长... 2026年6月29日，北京市第一中级人民法院依法公开宣判国家体育总局政策法规司原副司长胡光宇贪污案，...

鹤壁市人大常委会任免名单发布鹤壁市人民代表大会常务委员会任免名单（2026年6月26日鹤壁市第十二届人民代表大会常务委员会第三十...

自由职业者也能评职称了？郑州出... 无论你是短剧演员还是服装设计师，无论你从事工程系列工作还是新型职业农民，只要是符合条件的“自由职业者...

河南省“社保通”服务平台上线 ... 河南日报讯（全媒体记者郭兵）想知道自己的养老金账户有多少钱？想快捷打印参保凭证？有社保疑问不知道...

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

相关内容

热门资讯