像梦一样奔驰|@Input和@Output注解使用方法介绍，Angular 这一对注解用于在parent上下文和子指令

这一对注解用于在parent上下文和子指令或者组件之间共享数据。 @Input修饰的属性可写，用于数据绑定，而@Output属性可被订阅(Observable).
>@Input()and@Output()allowAngulartosharedatabetweentheparentcontextandchilddirectivesorcomponents.An@Input()propertyiswritablewhilean@Output()propertyisobservable.
假设有这样一对父子Component：
可以把@Input和@Output想象成一对API,父子组件间通过API进行通信。 @Input相当于inbound接口，允许数据流入子Component ，而@Output允许子Component往外发送数据。
@Input()and@Output()actastheAPI,orapplicationprogramminginterface,ofthechildcomponentinthattheyallowthechildtocommunicatewiththeparent.Thinkof@Input()and@Output()likeportsordoorways—@Input()isthedoorwayintothecomponentallowingdatatoflowinwhile@Output()isthedoorwayoutofthecomponent,allowingthechildcomponenttosenddataout.
>Usethe@Input()decoratorinachildcomponentordirectivetoletAngularknowthatapropertyinthatcomponentcanreceiveitsvaluefromitsparentcomponent.Ithelpstorememberthatthedataflowisfromtheperspectiveofthechildcomponent.Soan@Input()allowsdatatobeinputintothechildcomponentfromtheparentcomponent.
如何理解Angular这对input和output的流向？类似SAPCRM中间件里的download和upload.在SAP中间件里，我们谈论数据流向时，视角是从SAPCRM出发的，凡是数据从ERP流向CRM ，即CRM从ERP下载数据，所以称为download.反之，从CRM推送数据到ERP ，称为upload.
而Angular里的@input和@output ，视角同样是从childComponent来说的。
【像梦一样奔驰|@Input和@Output注解使用方法介绍，Angular】#@Output
被@output修饰的子Component属性，一般通过AngularEventEmitter初始化，通过events的方式流出子Component.
An@Output()propertyshouldnormallybeinitializedtoanAngularEventEmitterwithvaluesflowingoutofthecomponentasevents.
子Component里定义一个property：
>@Output()newItemEvent=newEventEmitter();
如何通过Event的方式发送数据给parentComponent？
exportclassItemOutputComponent{@Output()newItemEvent=newEventEmitter();addNewItem(value:string){this.newItemEvent.emit(value);}}childComponent的html：childComponent的html：
Addanitem:如何在parentComponent里接收来自childComponent的事件？
newItemEvent是子Component加了@Output注解的property名称， addItem是父Component的事件处理函数：
exportclassAppComponent{items=['item1','item2','item3','item4'];addItem(newItem:string){this.items.push(newItem);}}

像梦一样奔驰|@Input和@Output注解使用方法介绍，Angular

推荐阅读

杨迪|杨迪：享受着婚姻的红利，却无需付出离婚的代价

央视新闻客户端|?美国加州圣贝纳迪诺县取消数百病毒检测预约

敞口头寸计算公式敞口头寸

环球时报|九成在沪美企：微信禁令将严重影响企业竞争力和收入

央视网|紧急展开救援，消防员出完警返回途中发现车辆被困

#澳华财经在线#病例较多高档郊区或首当其冲，疫情施压澳洲房价

梦见蛇在衣服里乱窜梦见蛇窜到自己衣服里生出好多

手部力量如何训练？

Rust特殊枚举Option用法

口红|今年好看的最火的口红种草推荐

朵小喵儿套路深！网友道出了苹果14号发布会的内幕

单品宝手机端可以设置吗单品宝怎么设置

大学生实践“卖肽”与学分挂钩，产品公司与学校校董关联

飞龙湖白茶获中茶杯特等奖

百分点|济南市济阳区上半年为企业阶段性减免税费6.15亿元

生姜贴肚脐能减肥吗

【数码饱龙】愤怒！充钱真是可以为所欲为！腾讯推出官方物理外挂

2019年被提拔为驻村第一书记，再难也要啃下来

半个月前做了开腹手术，多久可以健身

「曦曦妈说教育」你只做7件事就够了！别说你全中招啦，养残一个孩子