打开Angular2后，semantic-ui下拉列表不会关闭

Question

我在Angular2项目中使用semantic-ui下拉列表，但它无法正常工作。首先，我写$（'。ui.dropdown'）。dropdown（'refresh'）;在ngOnInit（）但下拉列表不起作用。之后我在ngAfterContentChecked（）中写了这个并且它正在工作但是在打开dropdwon列表后它没有关闭。

app.component.html

<button type="button" (click)="updateArrayCount() ">
    UpdateArray
</button>
 <div *ngFor="let x of arrayCount">
          <div class="ui selection dropdown">
            <div class="default text">None Selected</div>
            <div class="menu" *ngIf="data && data.name">
              <div *ngFor="let items of data.name" data-value="1">{{items}}
              </div>
            </div>
          </div>     
 </div>

app.component.ts

arrayCount: Array<any> = [0];
updateArrayCount() {
this.arrayCount.push(this.arrayCount.length);
}
ngAfterViewChecked() {
 $('.ui.dropdown').dropdown('refresh');
}