media$ is deprecated. Therefore, you should use asObservable as follows: this.mediaSub = this.mediaObserver.asObservable().subscribe((change: MediaChange[]) => { console.log(change[0].mqAlias) });
Don't forget to add the following import to your styles.css file: @import '~@angular/material/prebuilt-themes/deeppurple-amber.css'; If not adding color="primary" to the mat-toolbar will have no effect.
css grid + angular is not good idea when you using routing links because router-outlet doesnt work with css grid, hope angular flex layout will work fine
Bro, where are the continuation videos for this series? Please help me with this. And could you please make a video for full website design using Flex-layout & Angular Material?
ERROR in node_modules/@angular/flex-layout/typings/module.d.ts:16:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.
This likely means that the library (@angular/flex-layout) which declares FlexLayoutModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.
16 export declare class FlexLayoutModule { ~~~~~~~~~~~~~~~~ how to correct this error please
Doesn't work with the latest versions of TS and Angular. Strict class initialization now requires an initializer in the constructor, and mediaObserver.media$ must be used as asObservable() instead.
Bro, You are giving the quality content free of cost. It's precious, Thanks.
Clear and simple. Will help me get going quickly
Very clear cut and short, precise explanation. Just what I needed! Thank you! :)
If this was paid content, it would cost about a thousand dollars. Thank you so much for giving out such info for free.
What a soothing tutorial with a music in BG 😍
Thia is very helpful so please make more videos (work with flex layout). we are improvising by your work
Thank you, I will
Thanks for teach in details and in easy way
Nice Video Sir. It really helped a lot to understand. It is very clear and to the point. Thank you.
media$ is deprecated. Therefore, you should use asObservable as follows:
this.mediaSub = this.mediaObserver.asObservable().subscribe((change: MediaChange[]) => { console.log(change[0].mqAlias) });
Ah.. That soothing music in the background
Thanks,
A useful video.
good explanation subscribed liked
This is very helpful ...Waiting for the next video
Don't forget to add the following import to your styles.css file:
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
If not adding color="primary" to the mat-toolbar will have no effect.
Thanks for sharing the information
accurate tutorial.. what of the continuation of this tutorials? I mean the sidebar and the card..etc
Thanks for the detailed video. You are awesome
css grid + angular is not good idea when you using routing links because router-outlet doesnt work with css grid, hope angular flex layout will work fine
Good observation
thanks for this tutorial , it was a big help for me :)
you are great , you helped me a lot
thanks for video bro please add more complex videos in angular
Great tutorial! Thank you! Do you have tutorial also for the grid list with mat-cards?
Hlw babaji , this really helped me but the 2nd part of this video is missing , plz upload it Sir
Thanks lot boss
media$ is deprecated on new version, can you update the video?
Is your problem resolved?
this.mediaObserver.asObservable()
.subscribe((change)=>{
this.deviceXs = change[0].mqAlias === 'sm' ? true : false
console.log(change[0].mqAlias)
})
try this...
Gostei muito da explicação, foi bem claro.
Plzz upload full video...........................!
AWESOME.....
Thanks a lot
This is gold 🔥
Thank you
Bro, where are the continuation videos for this series? Please help me with this. And could you please make a video for full website design using Flex-layout & Angular Material?
Question? Flex-layout Is free or paid. Thank you
Free
I'm in this video to learn Flex. Now you doing stuff I have never seen before in the 1st few minutes so this tut is very confusing.
How can you soo on big screen when screen is wider than 1600?
where is next part of this video , everything is not implemented here in this video as shown in demo
Hi, Sir How did you make the sidebar and card responsive
Thank you
I get this error everytime I try to install. any idea why: '@angular/flex-layout@latest' is not in the npm registry.
How can I get other parts of video
Video not complete............................... :(
media$ is deprecated now, what is the alternative?
this.mediaObserver.asObservable()
.subscribe((change)=>{
this.deviceXs = change[0].mqAlias === 'sm' ? true : false
console.log(change[0].mqAlias)
})
use this
2nd part is missing.....................................................!
I am getting horizontal bar when adding more numbers toolbar option
what if I Ngoinit is already used
Good content but never add any such background music on technical videos, bro
Sure
Where is next video..adding card with image
I have the same needs! Responsive cards!
where is next video
Where is side bar
How can I get siddebar video
where is the 2nd part of this video
please help explain below topic of angular ->
ChangedetecorRef
TemplateRef
ViewContainerRef
ElementRef
RXJS operators
Host listener
host binding
CDK Portal
QueryList
DOM Portal host
Portal template
Application ref
AG Grid tutorial
Subject
behavious subjects
Forward Ref
WithLatestFrom
Content Child
Overlay
Overlayref
ChildrenOutlet Context
Navigation Extras
NGRX
FakeAsync
ERROR in node_modules/@angular/flex-layout/typings/module.d.ts:16:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.
This likely means that the library (@angular/flex-layout) which declares FlexLayoutModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.
16 export declare class FlexLayoutModule {
~~~~~~~~~~~~~~~~ how to correct this error please
Please stop and restart project with npm
Make sure you have everything updated
@@TechnicalBabaji1 bro where is next video please upload
I hope this helps
Bro Mobile Version?
bakwaas
Doesn't work with the latest versions of TS and Angular. Strict class initialization now requires an initializer in the constructor, and mediaObserver.media$ must be used as asObservable() instead.
How to fix? I can't proceed with the tutorial due to this error.