閉じる選択を解除するにはどうすればいいですか？

Question

<div class="row"> 
      <div class="col-sm-6 no-right-border"> 
       <div class="form-group"> 
        <label for="inputFirstName">Filter:</label> 
        <select class="form-control custom-select" type="text" [(ngModel)]="selectedFilterObject" [ngModelOptions]="{standalone: true}" (ngModelChange)="setSelectedFilter($event)"> 
         <option *ngFor="let searchFilter of searchData.searchFilters" [ngValue]="searchFilter">{{searchFilter.name}}</option> 
        </select> 
       </div> 
      </div> 
     </div> 

私はこの選択ボックスを持っています。それは私が選択をクリックすると開きますが、私が欲しいのは、私が選択から外に出たときに閉じることですか？なにか提案を ？

Answer 1

選択のためのデフォルトのクローズ/オープンタグはありませんので、容易ではありません。私はすでに持っているので、

conditionForTheListToBeShown: boolean = false; 

<span (click)="setConditionValue(true)">Expand the list</span> 
<ul *ngIf="conditionForTheListToBeShown" (mouseleave)="setConditionValue(false)"> 
    <li>...</li> 
</ul>