angular - Angular - 下拉列表优化

Question

我有一个下拉列表，它是由两个 *ngFors 创建的相应子下拉列表。单击主下拉列表项可切换其子/子下拉列表的显示，单击子列表可切换其内容。问题是主列表最多可以有 20 个项目，而子列表大约有 1-500 个项目。这使得 UI 非常缓慢且无响应。

有一个更好的方法吗？每次点击事件发生时，角度看起来都会重新创建列表。

<ul *ngfor = "let x of variable">
   <li> 
       <span (click) = "hideSudlist()"> {{x}} </span>
        //sub list
         <ul *ngfor let y of variable *ngIf=mainListHasBeenClicked()>
            <li (click) = hideChildDiv()>
               {{y}}
                <div> child content </div>
             </li>
          </ul>
   </li>
</ul>