如何關閉選擇的鼠標選擇？

<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>

我有這個選擇框。它打開時，我點擊選擇，但我想要關閉時，我徘徊選擇？任何建議？如何關閉選擇的鼠標選擇？

來源

2017-08-02 uzhas

選擇沒有默認的關閉/打開標籤，所以它不會很容易。更好的方法是創建一個UL麗列表（使它看起來像選擇框），並做一些事情，如：

conditionForTheListToBeShown: boolean = false; 

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

來源

2017-08-02 08:23:28 elzoy

我知道我可以使用UL李，但我需要選擇這樣做，因爲我已經有一個支持的邏輯 – uzhas

如何關閉選擇的鼠標選擇？

回答

相關問題