位置: 编程技术 - 正文

angular中不同的组件间传值与通信的方法(angular的ngif)

编辑:rootadmin

推荐整理分享angular中不同的组件间传值与通信的方法(angular的ngif),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:angular implements,angular implements,angular implements,angular的ngclass,angular例子,angular ngchange,angular例子,angular使用,内容如对您有帮助,希望把文章链接给更多的朋友!

本文主要介绍angular在不同的组件中如何进行传值,如何通讯。主要分为父子组件和非父子组件部分。

父子组件间参数与通讯方法

使用事件通信(EventEmitter,@Output):

场景:可以在父子组件之间进行通信,一般使用在子组件传递消息给父组件;

步骤:

子组件创建事件EventEmitter对象,使用@output公开出去; 父组件监听子组件@output出来的方法,然后处理事件。

代码:

使用@ViewChild和@ViewChildren:

场景:一般用于父组件给子组件传递信息,或者父组件调用子组件的方法;

步骤:

父组件里面使用子组件; 父组件里面使用@ViewChild获得子组件对象。 父组件使用子组件对象操控子组件;(传递信息或者调用方法)。

代码:

非父子组件参数传递与通讯方法

通过路由参数

场景:一个组件可以通过路由的方式跳转到另一个组件 如:列表与编辑

步骤:

A组件通过routerLink或router.navigate或router.navigateByUrl进行页面跳转到B组件 B组件接受这些参数angular中不同的组件间传值与通信的方法(angular的ngif)

此方法只适用于参数传递,组件间的参数一旦接收就不会变化

代码

传递方式

routerLink

router.navigate

router.navigateByUrl

传参方传参之后,接收方2种接收方式如下:

snapshot

queryParams

使用服务Service进行通信,即:两个组件同时注入某个服务

场景:需要通信的两个组件不是父子组件或者不是相邻组件;当然,也可以是任意组件。

步骤:

新建一个服务,组件A和组件B同时注入该服务; 组件A从服务获得数据,或者想服务传输数据 组件B从服务获得数据,或者想服务传输数据。

代码:

消息服务模块

场景:这里涉及到一个项目,里面需要实现的是所有组件之间都有可能通信,或者是一个组件需要给几个组件通信,且不可通过路由进行传参。

设计方式:

使用RxJs,定义一个服务模块MessageService,所有的信息都注册该服务; 需要发消息的地方,调用该服务的方法; 需要接受信息的地方使用,调用接受信息的方法,获得一个Subscription对象,然后监听信息; 当然,在每一个组件Destory的时候,需要

代码:

这里的MessageService,就相当于使用广播机制,在所有的组件之间传递信息;不管是数字,字符串,还是对象都是可以传递的,而且这里的传播速度也是很快的。

标签: angular的ngif

本文链接地址:https://www.jiuchutong.com/biancheng/375866.html 转载请保留说明!

上一篇:Vue全家桶实践项目总结(推荐)(vue全家桶包含哪些)

下一篇:vue+node+webpack环境搭建教程

  • 复合计征消费税例题
  • 固定成本和变动成本之和称作
  • 装修收入如何填报增值税表
  • 电商相对于传统企业有哪些特点?
  • 分公司非独立核算是什么意思
  • 纳税筹划与企业决策
  • 销售免税的有机食品
  • 一次性经济补助金怎么领取
  • 交易性金融资产入账价值怎么计算
  • 建筑业预缴税款是什么意思
  • 购入资产的入账价格一般是以该项资产的什么反应
  • 外借资质收取的税费会计处理
  • 企业收到发要失控发票做进项税额转出如何做税务处理?
  • 贸易类公司所得税核定征收税率是多少?
  • 交际应酬费用
  • 年末如何计提企税分录
  • 土地增值税暂行条例实施细则2022
  • 专票密码区压线可以报销吗
  • 税收完税证明是契证吗
  • 5000元可以买什么东西
  • 个体工商户交企业所得
  • 电脑上不了网怎么安装网卡驱动
  • 盈亏余额
  • 应付职工薪酬计提数是借方还是贷方
  • 缴纳上月增值税记账凭证怎么填写
  • php文件在线解密
  • 长期挂账的其他应付款转营业外收入情况说明
  • 深度学习——VGG16模型详解
  • 若依框架前后端分离手机号登录
  • 存货非正常损失进项税额转出
  • css实现轮播图侧边阴影效果
  • 可供出售金融资产在资产负债表日反映的是
  • thinkphp技巧
  • 发票认证相符什么意思
  • 傅里叶变换的过程
  • 可转换优先股会稀释股权吗
  • 固定资产折旧应计入什么费用
  • 进项税额转出最后怎么处理
  • 退伍军人企业所得税优惠
  • 织梦常用调用标签
  • 将织梦dedecms转换到wordpress
  • 汇算清缴需要做账吗
  • 什么经营范围可以开劳务费
  • 会计常用分录
  • sqlldr并发
  • 企业所得税特殊事项
  • 存货期末计提减值准备影响当期所得税费用
  • 纸质承兑汇票怎么兑现步骤
  • 建安业一般纳税人税率是多少
  • 外借资质交企业所得税怎么交
  • 收不回来的应收账款会计分录
  • 小规模纳税人如何申请专票
  • sqlserver的case 用法
  • 可以按日期排序
  • win7旗舰版系统重装
  • Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易配置方法
  • windows7粘滞键怎么关
  • win10 win8.1双系统
  • windows8输入法
  • 什么时候用热毛巾敷眼睛最好
  • 跑跑跑游戏
  • unity3d官方
  • java的gui框架
  • python内置数据结构有几种
  • js制作网站
  • jquery提供了三种删除节点的方法,分别是什么
  • 清除安卓系统垃圾
  • python中的open
  • django 表单
  • javascript面向对象编程指南 pdf
  • js类库编写
  • 购车发票包含
  • 成都市个人房屋出租税费
  • 煤炭资源税税率选煤税率多少黑龙江
  • 广东省广州市税务局分数线
  • 江苏省官网
  • 小规模纳税人公司买车能抵多少税
  • acfunp
  • 北京市停车发票
  • 2o21年公租房
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设