great video but i think make a component to encapsulate other component is not necessary, you can use if statement and display loader component or display the info
I don't have much experience with the new SSR in Angular, so can't say much. But I think what you're looking for might be the defer block with the new hydration option. It has a built in loading placeholder where we can specify this...
@@ZoaibKhan I also have an issue with the loading-container in which I'm projecting a mat-button with a mat-icon and text. The styles from the button are broken because, as I believe, the styles from mdc-button-label aren't working properly. The label has display: flex, so if we don't use a container, the icon and text are aligned next to each other. However, when they are inside a loading-container , the flex property on the mdc-button-label doesn't work as expected, and the icon ends up above or below the text.
The best video, very good explained!
Glad you liked it :)
great video but i think make a component to encapsulate other component is not necessary, you can use if statement and display loader component or display the info
yeah, it's not necessary. Just a nice to have for when you'll be doing the same thing repeatedly in different places of the app.
Thanks for the video!
I want to ask you how to show loader in angular ssr with observables(when data loading via async pipe on server side)?
I don't have much experience with the new SSR in Angular, so can't say much. But I think what you're looking for might be the defer block with the new hydration option. It has a built in loading placeholder where we can specify this...
@@ZoaibKhan I also have an issue with the loading-container in which I'm projecting a mat-button with a mat-icon and text. The styles from the button are broken because, as I believe, the styles from mdc-button-label aren't working properly. The label has display: flex, so if we don't use a container, the icon and text are aligned next to each other. However, when they are inside a loading-container , the flex property on the mdc-button-label doesn't work as expected, and the icon ends up above or below the text.
you might want to experiment with tapResponse and the `finalize` in its callback to switch `loading` off
Yup, I use tapResponse and finalize whenever I call an API using rxMethod. Here I just used promise based function, so used the finally block...
@@ZoaibKhan Cool! 🤟
Github code please ?
It's part of the dashboard - which is only available as paid template unfortunately.
@@ZoaibKhan ok can you share me the template link
In the description :)