像梦一样奔驰|@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

推荐阅读

绿叶的舞曲|开门见坟，家败子不归”，古人的忠告，啥意思？，俗语“屋后有水

软硬件全面创新三星Galaxy S20系列让手机摄影更专业

食知你味|它被称为“植物肉”，天热吃肉腻，多给家人做这种豆腐，比肉还香

服装|谁说秋季牛仔裤很普通？那是你不会穿，法式穿法复古简约又随性

属相牛本命年可以结婚吗？本命年结婚

公益|金融科技连接下沉场景度小满金融亿元低息贷款扶助新发地商户

把一块猪肉扔进米饭里，这样做实在太好吃了，咸香又美味

沈阳通报出租车司机追撞外卖员事件:出租司机被拘

Netflix|《怪奇物语》第五季走向感动Netflix高层！威可那蓄胡造型曝光

围绕南海，日本又跟美国搞了一个“共识”

##老公硬要用“麻绳”做扶手，主卫全透明，地板铺水泥！你见过？

明星潮流|竹青双眼皮没了，小舞成“山羊”，奥斯卡变妖了，七怪整容归来

新疆日报|将心比心做好社区服务

趣观历史|为何要屠杀异姓王？这是另一场统一战争，刘邦登上帝位数年后

香干芽菜的做法

汪小菲|婚姻期间飞700多次，离婚后被嘲蹭热度，汪小菲气得飙脏话骂人

虞书欣|虞书欣蹿红未必是好事？暴露的缺点不止一点点

大极限|方能解热暑！夏天吃这消暑四苦，清热解毒还消炎，吃得苦中苦

对于屡次放我鸽子的好朋友应该咋办

孕妇可以吃猪皮吗