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

发布时间：2020-07-20 10:23:04 阅读：813 作者：ServiceNow 栏目：开发技术

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

今天碰到了一个这样的需求，在自己写的动态的页面中，写入的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 是传进来的//下边这句话就是要写入页面中的内容，首先把你写入的内容赋值给htmlvar html = "<a href='javascript:void(0);' ng-click='test()'></a>"//用$compile进行编译var $html = $compile(html)($scope);//添加到页面中，或者你任何想添加的位置。});$("body").append($html);这样ng-click就可以触发function

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

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

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签