ng-events类似ionic中Events的angular全局事件


Posted in Javascript onSeptember 05, 2018

介绍

ng-events 在 Angular 2 以上的版本中使用,类似于 ionic 中的 Events。可以使用 ng-events 注册一个全局事件,然后在需要的时候触发这个事件。

GitHub地址

快速开始

npm install ng-events --save

在 Angular 6 以上的版本中使用,修改 angular.json 文件, 在Angular 6以下版本中使用,修改.angular-cli.json文件

"scripts": [
       "node_modules/ng-events/dist/ng-events.js"
       // ...
      ]

当然也可以直接在index.html中引入,不过并不推荐这么做。

注册事件

•你可以使用 ngEevents.on 注册一个全局事件:

ngEvents.on('eventName', function (item) {
  console.log(item.name + ' was selected!');
});

第一个参数是事件的唯一名称。 第二个参数是在触发指定事件时调用的回调函数。

•您可以使用 ngEvents.off 方法取消注册的事件。

触发事件

使用 ngEvents.trigger 触发一个全局事件:

ngEvents.trigger('eventName', {
  id: 42,
  name: 'Pencil'
});

第一个参数是事件的唯一名称. 第二个是(可选)事件参数。

 你可以添加任意数量的参数并在回调方法中获取它们。

总结

以上所述是小编给大家介绍的ng-events类似ionic中Events的angular全局事件,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript----文件操作
Jan 18 Javascript
Javascript变量函数浅析
Sep 02 Javascript
通过js获取div的background-image属性
Oct 15 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
jQuery使用之处理页面元素用法实例
Jan 19 Javascript
javascript绘制漂亮的心型线效果完整实例
Feb 02 Javascript
JS实现的颜色实时渐变效果完整实例
Mar 25 Javascript
微信小程序 require机制详解及实例代码
Dec 14 Javascript
jquery仿微信聊天界面
May 06 jQuery
QRCode.js二维码生成并能长按识别
Oct 16 Javascript
Vue看了就会的8个小技巧
Jan 21 Vue.js
JavaScript+HTML实现学生信息管理系统
Apr 20 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
Sep 05 #Javascript
vue 监听屏幕高度的实例
Sep 05 #Javascript
Vue-Router的使用方法
Sep 05 #Javascript
解决vue 绑定对象内点击事件失效问题
Sep 05 #Javascript
Vue作用域插槽slot-scope实例代码
Sep 05 #Javascript
element ui 表格动态列显示空白bug 修复方法
Sep 04 #Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 #Javascript
You might like
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
php中3种方法统计字符串中每种字符的个数并排序
2012/08/27 PHP
nginx+thinkphp下解决不支持pathinfo模式
2015/07/01 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
PHP+原生态ajax实现的省市联动功能详解
2017/08/15 PHP
ASP中用Join和Array,可以加快字符连接速度的代码
2007/08/22 Javascript
jQuery 表单验证扩展(四)
2010/10/20 Javascript
validator验证控件使用代码
2010/11/23 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
2015/11/23 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
在vue中使用css modules替代scroped的方法
2018/03/10 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
详解可以用在VS Code中的正则表达式小技巧
2019/05/14 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
JS算法教程之字符串去重与字符串反转
2020/12/15 Javascript
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
python编程开发之日期操作实例分析
2015/11/13 Python
对numpy数据写入文件的方法讲解
2018/07/09 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
简单掌握CSS3中resize属性的用法
2016/04/01 HTML / CSS
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
大学生学期自我鉴定
2014/03/19 职场文书
六年级学生评语
2014/04/22 职场文书
医药销售自荐书
2014/05/29 职场文书
英语教研活动总结
2014/07/02 职场文书
国庆节促销广告语2014
2014/09/19 职场文书
无财产离婚协议书范本
2014/10/28 职场文书
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫