HTML / Angular2 - 如何加快多个选择框的绘制速度？

Question

我有一个显示20个选择框的表单，非常慢。它们每个只有一个0到4的值，所以没有大的列表。但当形式循环通过这个你只是坐在那里看着他们一个接一个地绘制。好吧，它只需要一秒左右，但它很烦人。有什么方法可以加快速度吗？如果它是一个桌面应用程序，你可以使该部分不可见，绘制它，然后再次使其可见，这使事情快速。我可以用网页做这样的事吗？

这是绘制所有内容的循环，“rating”是子组件，它只是一个选择框。

        <tr *ngFor="let name of measureNames">
            <td class="col-sm-1">{{name.measure}}</td>
            <ng-container *ngFor="let rating of ratings | groupFilter: name.measureID">
                <ng-container *ngFor="let key of rating | keys">
                    <td name="ratingCell" class="col-sm-1" *ngIf="key=='ratingID'"><rating #singleRating (ratingChanged)="onRatingChange($event)" name="{{rating.measureID}}/{{rating.timePeriodID}}" [ratingID]="rating.ratingID" [selectedRating]="rating[key]"></rating></td>
                </ng-container>
            </ng-container>
        </tr>