Material Angualr中的类似引导警报

时间:2019-10-30 22:20:15

标签: bootstrap-4 angular-material

我正在处理有角度的材料,但是找不到引导警报的类似东西,怎么办?

<label [ngClass]="{'alert-danger':process.status === 1,
                        'alert-warning':process.status === 2,
                        'alert-success': process.status === 3 }"
         class="list-process alert">

3 个答案:

答案 0 :(得分:0)

您可以使用MatSnackBarhttps://material.angular.io/components/snack-bar/overview 对于不同的外观,您可以定义全局样式的类,然后始终以所需的外观打开小吃店。

答案 1 :(得分:0)

您可以使用toastrMatSnackBar。 如果您要对通知执行某些操作,请使用MatSnackBar,否则仅用于通知,您可以去敬酒。

更多信息为here

答案 2 :(得分:0)

我已经找到了(但尚未尝试过),它基于Angular Material和Bootstrap 4.x

https://ng-bootstrap.github.io/#/components/alert/examples

它具有与常规引导程序相同的警报(即:您可以在任何地方插入的div,而不是像alert那样的烤面包机(也不错,但用法不同)

alerts