如何关闭选择的鼠标选择？

<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

如何关闭选择的鼠标选择？

回答

相关问题