离子列表中的离子含量仅显示在组件的小区域中

Question

在我的页面中，我使用两个彼此相邻的组件，如下所示：

<ion-content>
<ion-row>
  <ion-col  size=4>
    <list-component></list-component>
  </ion-col>
  <ion-col size=8>
    <news-component></news-component>
  </ion-col>
</ion-row>

在列表组件中，我想使用来自离子文档的可滚动列表：

<ion-list>
    <ion-item>
        <ion-label>Pokémon Yellow</ion-label>
        </ion-item>
        <ion-item>
            <ion-label>Mega Man X</ion-label>
        </ion-item>
</ion-list>

当我这样使用它时，整个页面都会滚动，包括新闻组件。 所以我检查了谷歌，发现我需要使用离子内容块内的列表。所以我尝试了这样的方法：

<ion-content
        [scrollEvents]="true"
        (ionScrollStart)="logScrollStart()"
        (ionScroll)="logScrolling($event)"
        (ionScrollEnd)="logScrollEnd()">
    <ion-list>
        <ion-item>
            <ion-label>Pokémon Yellow</ion-label>
        </ion-item>
        <ion-item>
            <ion-label>Mega Man X</ion-label>
        </ion-item>
    </ion-list>
</ion-content>

但是现在我遇到的问题是列表仅显示在一个小窗口中，而不是整个组件中。

当我添加如下例所示的高度时，它可以工作，但它不是动态的。我想给它大约 90% 的组件高度。但我的魔力并没有那么强，无法做到这一点...😢

<ion-content style="height: 66vh">

我忘记了什么才能让它发挥作用？

离子：

离子 CLI：5.4.5（/usr/local/lib/node_modules/ionic） 离子框架：@ionic/Angular 4.11.3 @角度-devkit/构建角度：0.801.3 @angular-devkit/schematics：8.1.3 @角度/cli：8.1.3 @ionic/角度工具包：2.0.0

实用性：

cordova-res：未安装 本机运行：未安装

系统：

NodeJS：v12.4.0（/usr/local/bin/node） npm：6.9.0 操作系统：macOS Catalina

Answer 1

好的，三周后我再次查看，效果符合预期。我不知道为什么，但这可以关闭。

Answer 2

我确实有同样的问题，并且 ionic 的文档非常糟糕，没有说明任何相关信息。知道为什么会发生这种情况吗？ 谢谢