You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository has been archived by the owner on Jan 6, 2025. It is now read-only.
I find some directives can set attributes in other directives implementation, the stackoverflow example do just that, and I do like do the same thing with flex-layout to have a more reusable directive, example:
<divfxLayout="row" fxLayoutAlign="space-between none" fxLayoutGap="4px" [appResponsiveColumns]="{xs: 'auto', sm: 'auto', md: 'auto auto', lg: 'auto auto auto', xl: 'auto auto auto'}">
And the appResponsiveColumns directive take care of update gdColumns attribute
The text was updated successfully, but these errors were encountered:
Issues with page resizing are covered in #1059, and are limited to Chrome. Since this is behavior we do support, but is broken at the browser level, I'm closing this issue. You can track updates in the tracking ticket.
Proposal
What is the summary of the proposal?
Setting gdColumns is verbose and only works on page reload, if the page is resized it will keep the same grid.
flex-layout/src/lib/grid/columns/columns.ts
Line 79 in ec7b57e
I found a directive that works* more simple but make use of MatGridListModule
https://stackoverflow.com/a/55407217/2513972
I figure out how to modified it to work only with flex-layout but only I make it work with a component.
I am sharing a functional example: https://stackblitz.com/edit/angular-nfng3n
I find some directives can set attributes in other directives implementation, the stackoverflow example do just that, and I do like do the same thing with flex-layout to have a more reusable directive, example:
And the appResponsiveColumns directive take care of update gdColumns attribute
The text was updated successfully, but these errors were encountered: