详解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 

相关文章： 深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  5种Android数据存储方式汇总  如何配置支付宝与微信支付功能？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  招商网站制作流程,网站招商广告语？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  ui设计制作网站有哪些,手机UI设计网址吗？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  如何构建满足综合性能需求的优质建站方案？  建站之星如何一键生成手机站？  盐城做公司网站,江苏电子版退休证办理流程？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  教程网站设计制作软件,怎么创建自己的一个网站？  ,想在网上投简历，哪几个网站比较好？  盘锦网站制作公司,盘锦大洼有多少5G网站？  如何批量查询域名的建站时间记录？  如何用免费手机建站系统零基础打造专业网站？  如何在Windows环境下新建FTP站点并设置权限？  如何有效防御Web建站篡改攻击？  杭州银行网站设计制作流程,杭州银行怎么开通认证方式？  b2c电商网站制作流程,b2c水平综合的电商平台？  建站之星如何开启自定义404页面避免用户流失？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  如何快速重置建站主机并恢复默认配置？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  c++怎么用jemalloc c++替换默认内存分配器【性能】  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  网站微信制作软件,如何制作微信链接？  定制建站哪家更专业可靠？推荐榜单揭晓  简单实现Android文件上传  建站之星在线客服如何快速接入解答？  如何在建站之星网店版论坛获取技术支持？  如何使用Golang table-driven基准测试_多组数据测量函数效率  如何在腾讯云服务器上快速搭建个人网站？  电商网站制作公司有哪些,1688网是什么意思？  定制建站方案优化指南：企业官网开发与建站费用解析  如何用PHP快速搭建CMS系统？  如何通过商城免费建站系统源码自定义网站主题？  学校免费自助建站系统：智能生成+拖拽设计+多端适配  制作网站的模板软件,网站怎么建设？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  建站之星微信建站一键生成小程序+多端营销系统  香港服务器租用每月最低只需15元？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  如何在阿里云香港服务器快速搭建网站？  javascript中对象的定义、使用以及对象和原型链操作小结  建站之星如何实现PC+手机+微信网站五合一建站？  公司网站设计制作厂家,怎么创建自己的一个网站？  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？