angular6 使用@Input() @Output()

 

@Input() 

在 B组件的TS文件中定义

@Input()
authenticationText;

@Input()
previewUrl;

@Input()
side;



在A组件的html文件中使用方法

 

这样就可以A B组件传值

 

 @Output()

在B组件中定义

@Output()
key = new EventEmitter();

在B组件 TS文件中根据不同需求条件判断后传播出去

 

在A组件html中接收并使用

并且在A组件TS文件中定义事件