要解决Angular 5中Material Snackbar不能正常工作的问题,可以按照以下步骤进行操作:
import {MatSnackBarModule} from '@angular/material/snack-bar';
@NgModule({
// ...
imports: [
// ...
MatSnackBarModule
],
// ...
})
export class AppModule { }
import {MatSnackBar, MatSnackBarConfig} from '@angular/material/snack-bar';
constructor(private snackBar: MatSnackBar) { }
const config = new MatSnackBarConfig();
config.duration = 3000; // 持续时间,单位为毫秒,默认为3000ms
config.panelClass = ['your-custom-class']; // 自定义CSS类,可选
this.snackBar.open('Your message', 'Close', config);
以上代码中的your-custom-class
是自定义的CSS类,你可以在全局的样式文件中定义该类以自定义Snackbar的样式。
希望这些步骤能够帮助你解决Angular 5中Material Snackbar不能正常工作的问题。如果问题仍然存在,请确保你的Angular和Angular Material版本与代码示例兼容,并检查浏览器的控制台输出以获取更多信息。