angular - fxFlex 规则不适用于 mat-sidenav
问题描述
我正在尝试将 . 问题是我试图应用的任何规则都不会改变任何东西。如果我将 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>
解决方案
如果您有延迟加载模块,则需要在该模块上导入 FlexLayoutModule
推荐阅读
- html - 在每张幻灯片上插入文本
- regex - VBA如何在单元格中的用户输入上使用正则表达式
- mysql - 某列的分组最大值有问题
- apache-spark - Spark合并两个数据帧并通过覆盖第二个数据帧的值来创建一个数据帧
- python-3.x - 使用python和opencv进行直方图均衡而不使用内置函数
- shell - 将文件拆分为多个文件并将它们放入单独的文件夹中
- c# - ffmpeg rtsp 流到 YouTube 直播没有做任何事情
- mysql - 如何将mysql转换为laravel中的查询生成器
- python - SQLAlchemy 奇怪的线程行为
- angular - 淡入动画 Angular +2