Angular 5 Training

ERROR Error: Uncaught (in promise): Error: StaticInjectorError ERROR Error: Uncaught (in promise): Error: StaticInjectorError[...Service]:   StaticInjectorError[CustomFilterServiceService]:      NullInjectorError: No provider for ...Service!     at _NullInjector.get (core.js:993)     at resolveToken (core.js:1281)     at tryResolveToken (core.js:1223)     at StaticInjector.get (core.js:1094)     at resolveToken (core.js:1281)     at tryResolveToken (core.js:1223)     at StaticInjector.get (core.js:1094)     at resolveNgModuleDep (core.js:10878)     at NgModuleRef_.get (core.js:12110)     at resolveDep (core.js:12608)     at _NullInjector.get (core.js:993)     at resolveToken (core.js:1281)     at tryResolveToken (core.js:1223)     at StaticInjector.get (core.js:1094)     at resolveToken (core.js:1281)     at tryResolveToken (core.js:1223)     at StaticInjector.get (core.js:1094)     at resolveNgModuleDep (core.js:10878)     at NgModuleRe

'mat-grid-tile' is not a known element platform-browser-dynamic.js:230 Uncaught Error: Template parse errors: 'mat-grid-tile' is not a known element: 1. If 'mat-grid-tile' is an Angular component, then verify that it is part of this module. 2. If 'mat-grid-tile' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" Solution 1: import {MatGridListModule} from '@angular/material/grid-list'; in app.modules.ts And specify MatGridListModule in the import property.

mat-form-field must contain a MatFormFieldControl ERROR Error: mat-form-field must contain a MatFormFieldControl.     at getMatFormFieldMissingControlError (form-field.es5.js:89)     at MatFormField._validateControlChild (form-field.es5.js:604)     at MatFormField.ngAfterContentInit (form-field.es5.js:359)     at callProviderLifecycles (core.js:12733)     at callElementProvidersLifecycles (core.js:12707)     at callLifecycleHooksChildrenFirst (core.js:12690)     at checkAndUpdateView (core.js:13840)     at callViewAction (core.js:14187)     at execEmbeddedViewsAction (core.js:14145)     at checkAndUpdateView (core.js:13837)

Can't bind to 'disabled' since it isn't a known property of 'div platform-browser-dynamic.js:230 Uncaught Error: Template parse errors: Can't bind to 'disabled' since it isn't a known property of 'div'  at syntaxError (compiler.js:485)     at TemplateParser.parse (compiler.js:24631)     at JitCompiler._parseTemplate (compiler.js:34442)     at JitCompiler._compileTemplate (compiler.js:34417)     at eval (compiler.js:34318)     at Set.forEach (<anonymous>)     at JitCompiler._compileComponents (compiler.js:34318) Solution 1: The div tag does not have a disabled attribute in DOM. Therefore, disabled attribute cannot be apply to the div tag.

Can't bind to 'ngForIn' since it isn't a known property of 'a'. platform-browser-dynamic.js:230 Uncaught Error: Template parse errors: Can't bind to 'ngForIn' since it isn't a known property of 'a'. (" <a href="#" [ERROR ->]*ngFor="let training in trainings" (click)="">{{training}}</a> Property binding ngForIn not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". (" Solution 1: The ngFor syntax is let training of trainings It is not let training in trainings