ajtowf / angularmaterial

Repository moved

https://github.com/ajtowf/styling-applications-with-angular-material

angularmaterial's Issues

REPO MOVED

Ported course to angular 10, check it out at https://github.com/ajtowf/styling-angular-applications

project not compatible with angular CLI

when make ng serve i have this error

To disable this warning use "ng config -g cli.warnings.versionMismatch false".
internal/modules/cjs/loader.js:583
throw err;
^

Error: Cannot find module '@angular-devkit/core'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
at Function.Module._load (internal/modules/cjs/loader.js:507:25)
at Module.require (internal/modules/cjs/loader.js:637:17)
at require (internal/modules/cjs/helpers.js:22:18)
at Object. (C:\Users\medaziz\Desktop\simulator\angularmaterial\node_modules@angular-devkit\schematics\src\tree\virtual.js:10:16)
at Module._compile (internal/modules/cjs/loader.js:689:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
at Module.load (internal/modules/cjs/loader.js:599:32)
at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
at Function.Module._load (internal/modules/cjs/loader.js:530:3)

Change in MatTable dataSource is not reflecting in UI

Hi @ajtowf
I was going through your AngularMaterial Course and I stuck at a point where you have used setTimeout method in main-content.component.ts to show the loader for enough time which looks cool BUT if I DONOT use setTimeout method then I am getting some issues with Notes binding.
Any change in MatTable's dataSource is not reflecting in UI.
I tried plain Note Array and BehaviorSubject of type Note as the dataSource but I didn't get the expected output.

I know this is the issue related to Angular Material Table but still It will be very helpful if you figure out this issue.

Thanks
Uday

realted to angular material

compiler.js:2430 Uncaught Error: Unexpected directive 'MatCard' imported by the module 'AppModule'. Please add a @NgModule annotation.
at syntaxError (compiler.js:2430)
at compiler.js:18645
at Array.forEach ()
at CompileMetadataResolver.push../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (compiler.js:18620)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler.loadModules (compiler.js:26029)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler.compileModuleAndComponents (compiler.js:26010)
at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler.compileModuleAsync (compiler.js:25970)
at CompilerImpl.push../node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync (platform-browser-dynamic.js:143)
at compileNgModuleFactory__PRE_R3 (core.js:17619)