Angular 当更多数据以GridControl的形式加载到子组件中时，如何启用垂直滚动？

当我打开组件时，有一个子组件通过api获取数据对象数组。当返回的数据大于5时，我需要启用垂直滚动，当数据对象小于5时，我需要禁用垂直滚动。

在这里，请尝试以下操作：

基本思想是将[ngClass]与条件一起使用

<div [ngClass]="{'temp':items.length > 5}">
    <div *ngFor="let item of items">
        {{item}}
    </div>
</div>

<button (click)="add(3)" >Add</button>
<button (click)="remove()" >Remove</button>

在这里，试试这个：

基本思想是将[ngClass]与条件一起使用

<div [ngClass]="{'temp':items.length > 5}">
    <div *ngFor="let item of items">
        {{item}}
    </div>
</div>

<button (click)="add(3)" >Add</button>
<button (click)="remove()" >Remove</button>

---

使用ngStyle with condition to overflow-y属性，或者可以使用ngClass with condition。使用ngStyle with condition to overflow-y属性，或者可以使用ngClass with condition。