fxFlex 规则不适用于 mat-sidenav
Posted
技术标签:
【中文标题】fxFlex 规则不适用于 mat-sidenav【英文标题】:fxFlex rules won't apply to mat-sidenav 【发布时间】:2020-03-01 16:12:40 【问题描述】:我正在尝试将 .问题是我试图应用的任何规则都不会改变任何东西。如果我将 fxFlex 规则添加到一切似乎都可以正常工作。 我尝试为每个元素应用规则,但仍然没有任何线索。
没有任何规则的sidenav代码:
<mat-sidenav-container>
<mat-sidenav #sidenav opened mode="side">
<div *ngIf="rooms">
<div class="mat-title">OBJECTS:</div>
<mat-nav-list *ngFor="let room of rooms ;trackBy: trackId">
<a mat-list-item [routerLink]="['/select/room', room.id, 'device' ]">
<span class="mat-body-1">room.roomName</span>
</a>
</mat-nav-list>
</div>
</mat-sidenav>
<mat-sidenav-content fxLayout="column" fxLayoutAlign="center center">
...
</mat-sidenav-content>
</mat-sidenav-container>
屏幕
【问题讨论】:
【参考方案1】:如果你有一个延迟加载模块,你需要在那个模块上导入 FlexLayoutModule
【讨论】:
以上是关于fxFlex 规则不适用于 mat-sidenav的主要内容,如果未能解决你的问题,请参考以下文章
VeeValidate,确认规则不适用于 ValidationProvider