小编Rej*_*nan的帖子

ionic 6:模态控制器不滚动

我有一个离子模态控制器,单击按钮即可显示。对我来说,如果模态组件中的离子项具有对象数组的详细信息,则模态不会滚动。我看不到最初未显示在屏幕上的列表的其余部分。

模态控制器

    console.log('Called');

    this.modalController
      .create({
        component: CagesComponent,
        breakpoints: [0.75],
        initialBreakpoint: 0.75,
        showBackdrop: true,
        backdropDismiss: true,
      })
      .then((modalEl) => {
        modalEl.present();
        return modalEl.onDidDismiss();
      })
      .then((resultData) => {
        console.log(resultData.data, resultData.role);
        if (resultData.role === 'confirm') {
          this.form.get('cageNo').setValue(resultData.data);
        }
      });
  }
Run Code Online (Sandbox Code Playgroud)

笼子.component.html

<ion-list>
  <ion-item button (click)="onCageSelect(cage)" *ngFor="let cage of cages">
    <ion-thumbnail slot="start" >
      <img [src]="cage.cageImg">
    </ion-thumbnail>
    <div class="item-desc">
      <h4>{{cage.name}}({{cage.type}})</h4>
      <h6>{{cage.description}}</h6>
    </div>
  </ion-item>
</ion-list>
</div>
Run Code Online (Sandbox Code Playgroud)

笼子组件.ts

import { IonicModule, ModalController } from '@ionic/angular';
import { Cage } from 'src/app/cage/cage.model';
import { CageService } from 'src/app/cage/cage.service'; …
Run Code Online (Sandbox Code Playgroud)

ionic-framework angular ionic6

7
推荐指数
1
解决办法
4387
查看次数

标签 统计

angular ×1

ionic-framework ×1

ionic6 ×1