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文件中定義事件