Angular i18n通过服务显示敬酒消息

Question

我们在应用程序中使用Angular6和i18n进行国际化。我们正在烘烤成功或失败的消息，目标是翻译烘烤的消息。我们有共同的toastComponent来显示所有的Toast消息。到目前为止，我们正在通过Service注入Toast消息，并且Toast组件将遍历服务消息并显示内容。因此，该流将是任何组件都可以通过服务来传递消息的过程，并且Toast组件将呈现内容并传递消息，如下所示。

my-component.component.ts

    this.messageService.toast.success('Data saved successfully')

toast.component.ts

<div *ngFor="let m of messageService.toasts; let i = index">      
  <div>{{ m.content }}</div>
</div>

这里的挑战是我们不应该接触普通的吐司成分。一种可能且直接的解决方案是，我们可以（始终）将具有隐藏属性的div标签定义为true，并且可以在（my-component）中获取内容并将其映射到使用ViewChild的任何变量。由于可以通过更改div css属性来显示隐藏内容，因此可能会篡改此方法。还有其他方法可以实现这一目标吗？