Android 棱角材料(如果垫块高度较大,则切割垫屑列表)。安卓系统上唯一的 {{perm.type} {{permissionsNames.name}

Android 棱角材料(如果垫块高度较大,则切割垫屑列表)。安卓系统上唯一的 {{perm.type} {{permissionsNames.name},android,angularjs,angular,mobile,angular-material,Android,Angularjs,Angular,Mobile,Angular Material,如果mat芯片列表块的大小大于700px,则会发生错误。 在所有移动版本的Android上 默认情况下,材质垫卡设置为自己的样式这就是原因。 溢出:隐藏 需要更改为-->溢出:可见; 在mat卡的scss文件中 <div fxFlex="100" fxFlex.gt-sm="80" fxFlex.sm="100"> <div *ngFor="let perm of arrayOFo

如果mat芯片列表块的大小大于700px,则会发生错误。 在所有移动版本的Android上


默认情况下,材质垫卡设置为自己的样式这就是原因。

溢出:隐藏

需要更改为-->溢出:可见; 在mat卡的scss文件中

      <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>