Angular 选择角4分量目标

我正在开发一个基于烤面包机通知的消息系统：

我的问题很简单，我想扩展该功能，以允许在不同模板中分别针对多个警报组件

例如，根app.component.html模板将具有：

<alert root></alert>

<alert subcomponent></alert>

---

您可以在名为target的警报指令组件中使用字符串输入属性

当alert.service触发警报时，组件仅在目标匹配时显示：

alert.component.ts alert.service.ts root.component.html

---

如果您可以将答案标记为已接受，请

this.alertService.success(message,target);

// add this input
@Input() target: string;

ngOnInit() {
    this.alertService.getAlert().subscribe((alert: Alert) => {
        // add this statament
        if (alert.target === this.target) {
            this.alerts.push(alert); 
        }
    });
}

/*each alert function recive an extra parameter for target, if you needed with a default value, "root" for example*/

<alert target='root'></alert>

// calling an alert
this.alertService.success(
    message='operation success', 
    target='root'
)