我必须从快餐栏组件更改背景 . 我正在使用它来警告或通知用户有关用户所做的某些错误或已完成的操作 .
项目的材料版本 . “@ angular / material”:“^ 5.0.0-rc.1”,
文档https://material.angular.io/components/snack-bar/api说关于改变 class 的api .
panelClass:string | string []要添加到小吃店容器的额外CSS类 .
这是我在css文件中添加的内容 .
.mycsssnackbartest {
background-color: blue;
}
这是打开小吃店的代码
this.snackBar.open('Informing the user about sth', 'User Message' , {
panelClass: ['mycsssnackbartest ']
} );
我究竟做错了什么?
2 回答
您必须使用
panelClass
选项(自v6起)才能在快餐栏上应用类,如下所示:CSS(在styles.scss中):
见Stackblitz example