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

相关文章： 如何在搬瓦工VPS快速搭建网站？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  如何在景安服务器上快速搭建个人网站？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  常州企业网站制作公司,全国继续教育网怎么登录？  制作电商网页,电商供应链怎么做？  Bpmn 2.0的XML文件怎么画流程图  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  如何在IIS中新建站点并配置端口与物理路径？  python的本地网站制作,如何创建本地站点？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  电商网站制作价格怎么算,网上拍卖流程以及规则？  建站之星导航菜单设置与功能模块配置全攻略  香港服务器建站指南：免备案优势与SEO优化技巧全解析  建站之星后台管理如何实现高效配置？  家庭服务器如何搭建个人网站？  如何快速搭建高效香港服务器网站？  广东企业建站网站优化与SEO营销核心策略指南  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？  如何制作一个表白网站视频,关于勇敢表白的小标题？  网站制作员失业,怎样查看自己网站的注册者？  如何通过VPS建站无需域名直接访问？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  韩国服务器如何优化跨境访问实现高效连接？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  上海网站制作开发公司,上海买房比较好的网站有哪些？  如何在阿里云完成域名注册与建站？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  如何通过宝塔面板实现本地网站访问？  建站上传速度慢？如何优化加速网站加载效率？  如何在万网开始建站？分步指南解析  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  如何高效利用亚马逊云主机搭建企业网站？  如何快速搭建支持数据库操作的智能建站平台？  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  如何通过NAT技术实现内网高效建站？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  北京专业网站制作设计师招聘,北京白云观官方网站？  北京企业网站设计制作公司,北京铁路集团官方网站？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何快速查询域名建站关键信息？  如何用y主机助手快速搭建网站？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  黑客入侵网站服务器的常见手法有哪些？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  安徽网站建设与外贸建站服务专业定制方案  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？