android - 角材料(如果块的高度很大,则切割 mat-chip-list )。安卓上唯一的
问题描述
<div fxFlex="100" fxFlex.gt-sm="80" fxFlex.sm="100">
<div *ngFor="let perm of arrayOFobjectPermissions; let z = index" class="permissions-list">
<mat-card [title]="perm.type" class="card-permissions-role" >
<mat-card-header>
<mat-card-title>{{ perm.type }}</mat-card-title>
</mat-card-header>
<mat-chip-list [multiple]="true" >
<mat-chip *ngFor="let permissionsNames of perm.res; let i = index"
selected="{{ !outlined[z][i] }}"
(click)="addRole(z, i, permissionsNames.name)"
[value]="permissionsNames.name"
[selectable]="true" style="cursor: pointer">
{{ permissionsNames.name }}
</mat-chip>
</mat-chip-list>
</mat-card>
</div>
</div>
如果 mat-chip-list 块的大小大于 700 像素,则会发生这种情况。在所有移动版本的 Android 上。在此处输入图像描述
解决方案
默认情况下,材质 mat-card 设置为自己的样式。这就是原因。
溢出:隐藏;
需要更改为 -->溢出:可见; 在 mat-card 的 scss 文件中。
推荐阅读
- javascript - 真的与 JS 异步混淆(调用 2 API)
- c++ - CMakeLists.txt 用于 C++ 项目中的第三方 C 文件
- php - laravel 公共变量在模型中变为空
- python - 在 Django 中测试主页返回 404
- python - Python程序无视按钮输入
- python - Twitter 情绪分析 - 删除机器人重复以获得更准确的结果
- javascript - 将php数组数据传递给js文件
- valgrind - Valgrind 在运行可执行文件之前有很长时间的停顿
- sql - 根据列构建项目数组
- php - href 中包含 php 变量,没有打开正确的位置