行动后保持小吃吧打开

时间:2019-04-25 02:35:23

标签: angular angular-material material-design

我使用小吃店通知我的应用程序用户发生了一些错误。现在,我希望小吃栏在fatalError不为空的情况下保持显示状态

fatalError = [some,errors];

var snackBarRef = this.snackBar.open(
  this.fatalError.length + ' Fatal Error(s)', 'See'
);

当用户单击see时,他可以将所有错误标记为已读,然后fatalError变为空

如何在单击操作后保持快餐栏打开?

1 个答案:

答案 0 :(得分:2)

您可以使用自定义的快餐栏组件来实现。

在自定义组件模板上,包括消息和用于执行所需操作的按钮。

然后,您可以在组件上以及在按钮单击处理程序上注入MatSnackBar,然后决定是否关闭点心栏(这可以通过使用dismiss中的MatSnackBar方法来完成) )

我分叉了material snackBar example,并创建了一个示例stackblitz