加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

【Angular】——组件通讯

发布时间:2020-12-17 08:23:16 所属栏目:安全 来源:网络整理
导读:主要有三大块的内容: 1 、组件的输入输出属性 2 、使用中间人模式传递数据 3 、组件声明周期以及 angular 的变化发现机制 组件的输入属性 @input 注解装饰器 来装饰注入。输入属性,输入属性父组件的值在改变的时候可以影响子组件,但是当子组件的值改变的

主要有三大块的内容:

1、组件的输入输出属性

2、使用中间人模式传递数据

3、组件声明周期以及angular的变化发现机制


组件的输入属性

@input注解装饰器 来装饰注入。输入属性,输入属性父组件的值在改变的时候可以影响子组件,但是当子组件的值改变的时候并不会影响父组件的值。只能在有父子关系的组件之间传递,而且是单向的父给子。

路由参数:是通过依赖函数进行传递的

组件的输出属性

@output注解装饰器 emit方法来发射事件,然后在父组件中接收发射出来的

中间人模式

实现松耦合的组件。用组件作为中间人。

组件生命周期钩子概述

组件的变更检测是有zone.js来实现的,每一个组件都会生成一个变更检测器,根据组件的变更


不管你的变更是发生在哪里,不然就会对所有的变更从父组件开始检测。


view钩子

@viewchild装饰器,可以在父组件中获得一个子组件的引用

1、这两个钩子函数都是在视图被组合好之后才会触发的。

2、如果这两个函数有子组件,只有当子组件都调用且组合完毕之后,父组件的函数才会被调用

3、不要在这两个方法汇总去改变视图中绑定的东西,如果要写必须要放在setTimeOut里面不然就会报错抛出异常。


ngContent

来进行投影,只能绑定父组件中的内容,


(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读