详解Angularjs 如何自定义Img的ng-load 事件

在使用AngularJs的过程中，我们常常会用到一些ng-事件，如ng-click、ng-change等，这些事件都是AngularJs事先为我们定义好的。也有的情况下，我们会用到一些使用频率不高的dom事件，如img的onload（图片加载完成后触发），但AngularJs中默认没有这个事件，那么我们该如何自定义添加ng-load这个事件呢？

只需要给app对象添加如下指令即可：

myApp.directive('imageonload', function () {
  return {
    restrict: 'A', link: function (scope, element, attrs) {
      element.bind('load', function () { 
        //call the function that was passed 
        scope.$apply(attrs.imageonload);
      });
    }
  };
})

在Html中直接使用imageonload属性追加事件：

<img ng-src="{{src}}" imageonload="doThis()" />

最后，在controller中写对应的事件内容即可：

$scope.doThis=function(){
 //your own code
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# angularjs  # ng  # load  # Angularjs自定义Img的ng-load  # Angularjs为ng-click事件传递参数  # Angularjs 动态添加指令并绑定事件的方法  # Angularjs中使用指令绑定点击事件的方法  # angularjs实现下拉列表的选中事件示例  # AngularJS实现给动态生成的元素绑定事件的方法  # AngularJS中directive指令使用之事件绑定与指令交互用法示例  # AngularJS 中的事件详解  # 浅谈angularJS中的事件  # Angularjs中的事件广播 —全面解析$broadcast  # $emit  # $on  # Angularjs 事件指令详细整理  # 都是  # 只需  # 不高  # 自定义  # 该如何  # 要给  # 常常会  # 大家多多  # 过程中  # 情况下  # 使用频率  # 加载  # 完成后  # pre  # app  # class  # click 

相关文章： 手机网站制作与建设方案,手机网站如何建设？  魔方云NAT建站如何实现端口转发？  安云自助建站系统如何快速提升SEO排名？  b2c电商网站制作流程,b2c水平综合的电商平台？  建站与域名管理如何高效结合？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  建站之星云端配置指南：模板选择与SEO优化一键生成  建站之星多图banner生成与模板自定义指南  如何通过服务器快速搭建网站？完整步骤解析  动图在线制作网站有哪些,滑动动图图集怎么做？  制作企业网站建设方案,怎样建设一个公司网站？  常州自助建站工具推荐：低成本搭建与模板选择技巧  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  昆明网站制作哪家好,昆明公租房申请网上登录入口？  建站主机选择指南：服务器配置与SEO优化实战技巧  如何选择网络建站服务器？高效建站必看指南  广州美橙建站如何快速搭建多端合一网站？  南平网站制作公司,2025年南平市事业单位报名时间？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  音乐网站服务器如何优化API响应速度？  建站主机是什么？如何选择适合的建站主机？  如何在VPS电脑上快速搭建网站？  制作网站外包平台,自动化接单网站有哪些？  如何用PHP工具快速搭建高效网站？  h5网站制作工具有哪些,h5页面制作工具有哪些？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  如何高效利用200m空间完成建站？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  *服务器网站为何频现安全漏洞？  实例解析Array和String方法  定制建站如何定义？其核心优势是什么？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  建站主机CVM配置优化、SEO策略与性能提升指南  如何通过多用户协作模板快速搭建高效企业网站？  建站之星在线客服如何快速接入解答？  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf？  如何批量查询域名的建站时间记录？  如何快速生成高效建站系统源代码？  制作营销网站公司,淘特是干什么用的？  移民网站制作流程,怎么看加拿大移民官网？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  公司网站制作价格怎么算,公司办个官网需要多少钱？  如何通过FTP服务器快速搭建网站？  如何通过商城自助建站源码实现零基础高效建站？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  制作网站的模板软件,网站怎么建设？  想学网站制作怎么学,建立一个网站要花费多少？  如何在企业微信快速生成手机电脑官网？