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

Laravel:有时规则不适用于输入类型=文件

为啥 firebase_firestore 安全规则不适用于文档读取

Firebase 存储安全规则不适用于文件夹

为啥排序规则不适用于子查询中的 xml 路径?

Laravel 表单请求验证规则“必需”不适用于空值