Jquery 自动调用绑定到动态生成的HTML的事件
我正在尝试将事件绑定到AngularJs控制器中动态生成的html,但我不能。我发现了下面的代码片段Jquery 自动调用绑定到动态生成的HTML的事件,jquery,angularjs,file-upload,angularjs-scope,Jquery,Angularjs,File Upload,Angularjs Scope,我正在尝试将事件绑定到AngularJs控制器中动态生成的html,但我不能。我发现了下面的代码片段 var div = angular.element("del-" + input.name); div.bind('onclick', $scope.DeleteImage()); 但它会立即调用DeleteImage()函数。我想添加删除图像图标的功能,从ImageuploadList中删除图像。你知道怎么做吗? 这是我的密码: 函数readImageURL(输入){ 如果(输入){ va
var div = angular.element("del-" + input.name);
div.bind('onclick', $scope.DeleteImage());
但它会立即调用DeleteImage()
函数。我想添加删除图像图标的功能,从ImageuploadList中删除图像。你知道怎么做吗?
这是我的密码:
函数readImageURL(输入){
如果(输入){
var reader=new FileReader();
reader.onload=函数(e){
$('#pageImageList')。附加('')
var div=angular.element(“del-”+input.name);
div.bind('onclick',$scope.DeleteImage());
$scope.imageUpload.push({
ImageUrl:e.target.result,
ImageName:input.name
});
};
reader.readAsDataURL(输入);
}
}查看代码“div.bind('onclick',$scope.DeleteImage());”,实际上是调用函数
请检查是否要在单引号中添加“$scope.DeleteImage()”查看代码“div.bind('onclick',$scope.DeleteImage());”,这实际上是在调用函数
请检查是否要在单引号中添加“$scope.DeleteImage()”此代码:
div.bind('onclick', $scope.DeleteImage());
将onclick绑定到调用DeleteImage的结果。您需要传入函数指针,而不是调用函数(函数()会这样做),即:
或使用内联函数:
div.bind('onclick', function() { $scope.DeleteImage(); });
此代码:
div.bind('onclick', $scope.DeleteImage());
将onclick绑定到调用DeleteImage的结果。您需要传入函数指针,而不是调用函数(函数()会这样做),即:
或使用内联函数:
div.bind('onclick', function() { $scope.DeleteImage(); });
它工作得很好,但只需要很少的修改,如下所示:div.bind('click',function(){$scope.DeleteImage();});我不知道(你的?)angularjs控制器中有什么可用的,我保留了你绑定到的事件名称,而不是“onclick”。很高兴您对它进行了排序。它工作得很好,但只需要很少的修改,如下所示:div.bind('click',function(){$scope.DeleteImage();});我不知道(你的?)angularjs控制器中有什么可用的,我保留了你绑定到的事件名称,而不是“onclick”。很高兴你把它整理好了。