Angular 2 Material MdSnackBar no Provider
11,474
Solution 1
Import MdSnackBarModule
then add MdSnackBarModule
inside your imports in the app.module.ts file
Solution 2
If you have version "@angular/material": "2.0.0-beta.12" or higher, you should import 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
],
...
Author by
Florian
Updated on June 11, 2022Comments
-
Florian almost 2 years
I want a simple Snackbar popping up on the click of a button. But I always get the error:
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') }