Support for Angular 4.4.3+, deprecated MaterialModule and changes to md-input-container #448
Description
I'm submitting a...
[] Regression (a behavior that used to work and stopped working in a new release)
[x] Bug report
[ ] Feature request
[ ] Documentation issue or request
What is the current behavior?
MaterialModule has been deprecated, causing a compiling error.
Consider creating a "Material" module within their application (e.g., FooMaterialModule) that imports only the set of components actually used in the application.
Expected behavior:
No compiling error caused in:
- core.module.ts
- auth.module.ts,
- app/books/components/index.ts
- app/books/books.module.ts
Minimal reproduction of the problem with instructions:
To replace MaterialModule, users can create their own "Material" module within their application (e.g., GmailMaterialModule) that imports only the set of components actually used in the application.
https://github.com/angular/material2/blob/master/CHANGELOG.md#materialmodule
Version of affected browser(s),operating system(s), npm, node and ngrx:
Other information:
Updates on md-input-container:
- md-input-container renamed to md-form-field
- input: Inputs have a width of 200px by default (similar to native input elements). The width can be overridden by via the mat-form-field css class.
In book-search.ts
md-form-field {
width: 300px;
}
instead of
input {
width: 300px;
}