ng-events类似ionic中Events的angular全局事件
更新时间：2018年09月05日 09:27:13 作者：StarDee
这篇文章主要介绍了ng-events类似ionic中Events的angular全局事件,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
介绍
ng-events 在 Angular 2 以上的版本中使用，类似于 ionic 中的 Events。可以使用 ng-events 注册一个全局事件，然后在需要的时候触发这个事件。
快速开始
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全局事件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
使用Angular开发需要非常多的前置知识,比如TypeScript、RxJS等,所以学习成本比较高,下面这篇文章主要给大家关于Angular开发内容的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-05-05
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
这篇文章主要介绍了AngularJs(五）从Controller控制器谈谈$scope作用域 的相关资料,需要的朋友可以参考下2016-06-06
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
最近做项目时遇到了需要用到多选按钮选中触发事件的功能，小编试着手写一个指令，具体实现代码大家参考下本文吧2017-07-07
这篇文章给大家介绍了angularjs中controller的三种写法，每种写法都给出了示例代码，对大家理解和学习很有帮助，有需要的朋友们可以参考借鉴。2016-09-09
AngularJS $on、$emit和$broadcast的使用
本文主要介绍AngularJS $on、$emit和$broadcast的使用,这里整理了详细的资料及简单示例代码有兴趣的小伙伴可以参考下2016-09-09
这篇文章主要介绍了AngularJS中isolate scope的用法,结合实例形式分析了isolate scope的几种具体使用方式,需要的朋友可以参考下2016-11-11
关于Angularjs中自定义指令一些有价值的细节和技巧小结
这篇文章主要介绍了关于Angularjs中自定义指令一些有价值的细节和技巧小结,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
这篇文章主要介绍了AngularJs实现聊天列表实时刷新功能,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了AngularJS实现表单元素值绑定操作,结合具体实例形式分析了AngularJS针对表单元素属性相关操作技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了AngularJS学习笔记（三）数据双向绑定的简单实例，详解数据双向绑定实例的相关资料,需要的朋友可以参考下。2016-11-11
最新评论