[英]Combine usage mat-grid and flexLayout
state: I build my forms with angular-flex-layout but I need to use the angular-grid with flex too, how can I use flex and grid together?? state:我使用 angular-flex-layout 构建 forms,但我也需要将 angular-grid 与 flex 一起使用,如何同时使用 flex 和 grid?
<div fxLayout="row wrap" fxLayoutGap="15px">
<ng-container *ngFor="let widget of containerList">
<ng-container *ngIf="widget.widgetType.name === widgetTypeEnum.form.name">
<div fxFlex="auto">
<app-form-widget [data]="widget.config"></app-form-widget>
</div>
</ng-container>
</ng-container>
<ng-container *ngFor="let widget of containerList">
<ng-container *ngIf="widget.widgetType.name === widgetTypeEnum.tree.name">
<div fxFlex="auto">
<app-tree-widget [data]="widget.config"></app-tree-widget>
</div>
</ng-container>
</ng-container>
<ng-container *ngFor="let widget of containerList">
<ng-container *ngIf="widget.widgetType.name === widgetTypeEnum.table.name">
<div fxFlex="auto">
<app-table-widget [data]="widget.config"></app-table-widget>
</div>
</ng-container>
</ng-container>
<ng-container *ngFor="let widget of containerList">
<ng-container *ngIf="widget.widgetType.name === widgetTypeEnum.tab.name">
<div fxFlex="auto">
<app-tab-widget [data]="widget.config"></app-tab-widget>
</div>
</ng-container>
</ng-container>
</div>
You don't use them at the same time on the same element.您不会在同一元素上同时使用它们。
<div gdColumns="repeat(5, 1fr)">
<div fxLayout="row" fxLayoutAlign="start center">
...
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.