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.
If this was paid content, it would cost about a thousand dollars. Thank you so much for giving out such info for free.
Clear and simple. Will help me get going quickly
Very clear cut and short, precise explanation. Just what I needed! 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) });
What a soothing tutorial with a music in BG 😍
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.
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
Ah.. That soothing music in the background
Thanks,
A useful video.
Thia is very helpful so please make more videos (work with flex layout). we are improvising by your work
Thank you, I will
This is very helpful ...Waiting for the next video
good explanation subscribed liked
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
thanks for this tutorial , it was a big help for me :)
Good observation
thanks for video bro please add more complex videos in angular
you are great , you helped me a lot
Plzz upload full video...........................!
Hlw babaji , this really helped me but the 2nd part of this video is missing , plz upload it Sir
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...
Great tutorial! Thank you! Do you have tutorial also for the grid list with mat-cards?
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?
Hi, Sir How did you make the sidebar and card responsive
How can you soo on big screen when screen is wider than 1600?
This is gold 🔥
Thank you
I get this error everytime I try to install. any idea why: '@angular/flex-layout@latest' is not in the npm registry.
AWESOME.....
How can I get other parts of video
Thanks lot boss
I am getting horizontal bar when adding more numbers toolbar option
Gostei muito da explicação, foi bem claro.
where is next part of this video , everything is not implemented here in this video as shown in demo
Thanks a lot
Where is next video..adding card with image
I have the same needs! Responsive cards!
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
what if I Ngoinit is already used
where is next video
Thank you
Question? Flex-layout Is free or paid. Thank you
Free
2nd part is missing.....................................................!
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.
where is the 2nd part of this video
Good content but never add any such background music on technical videos, bro
Sure
Where is side bar
How can I get siddebar video
I hope this helps
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
Bro Mobile Version?
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
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.