小编oni*_*619的帖子

我有一个可折叠面板，需要一些时间才能打开，因为它必须渲染大约 10K 到 80K 记录，为此我使用了 *ngFor。由于渲染需要花费大量时间，因此它看起来就像应用程序崩溃/卡住一样。所以我想展示我们产品中的装载机。

我试图将子组件的值发送到我想要显示加载程序的父组件（即在子组件完成渲染时阻止父组件）。

下面是我的 HTML 代码

  <li class="panel" *ngFor="let filter of filterData; let ind = index" id="qa-{{filter.NameFilterlet filter of filterData; let ind = index" id="qa-{{filter.NameFilter}}" >
    <div class="filter-list__cont-menu-item-name" [ngClass]="{'active': filter.NameFilter === selectedTitleFilter || resultFilter}"
       data-toggle="collapse" role="tab" [attr.data-target]="'#filter' + ind" aria-expanded="false"
      (click)="onTitleFilter(filter.NameFilter)">
      <fa-icon class="caretr" [icon]="['fas', 'caret-right']"></fa-icon>
      <span class="main-name">{{getNameFilter(filter)}}</span>
      
      
    
    </div>
    <div class="collapse filter-list__cont-sub-menu" [ngClass]="{'in': stateOpen}" role="tabpanel" id="filter{{ind}}"
      aria-expanded="false">
      <ul>
        <li *ngFor="let subFilter of filter.SubFilters" id="qa-{{subFilter.Name}}" (click)="onFilter(subFilter.Name, subFilter.Id, filter.NameFilter)"><div class="subFilter-name" data-toggle="tooltip" data-placement="right" title="{{subFilter.Name}}">{{subFilter.Name}}</div></li>
      </ul>
    </div>
  </li>

下面是我的 component.ts 文件代码，用于单击图块，该图块会展开以显示记录。我曾尝试在开始时将值设置为 …

我正在制作一个Google 表单，我想向其中添加一些问题，但这些问题应该从Google Sheet中的问题池中随机挑选。为此需要做什么？例如：我想从 Google 表格的 20 个问题池中随机显示 5 个问题