Angular 2 Material MdSnackBar 无提供者

Question

我想要在单击按钮时弹出一个简单的 Snackbar。但我总是得到错误：

ERROR Error: No provider for MdSnackBar! at injectionError (core.es5.js:1169) at noProviderError (core.es5.js:1207

import {MdSnackBar} from '@angular/material';
constructor(public snackBar: MdSnackBar){
        this.snackBar.open('hello')
    }

Answer 1

Import MdSnackBarModule 然后在 app.module.ts 文件

的导入中添加 MdSnackBarModule

Answer 2

如果您的版本为“@angular/material”：“2.0.0-beta.12”或更高版本，您应该导入 MatSnackBarModule

import {MatSnackBarModule} from '@angular/material';

// Use a more specific import if you're using "@angular/material": "8.0.0" and higher
// import {MatSnackBarModule} from '@angular/material/snack-bar';

...

@NgModule({
      imports: [
            ...
            MatSnackBarModule
          ],
    ...