根據下拉選項顯示div

Question

我有一個下拉組件，目前正在返回幾個選項。我想添加功能，當選擇「其他」選項時，div將顯示。我不確定如何爲「其他」的情況寫支票。

這裏是到目前爲止的代碼：

<div class="p-2 col"> 
 
    <select class="form-control w-100" type="checkbox" formControlName="paidToId"> 
 
     <option *ngFor="let lookupItem of leHudItemInfo.availablePaidTos" [ngValue]="lookupItem.id"> 
 
     {{lookupItem.name}} 
 
     
 
     //this returns the options, but how can I add a flag for only the string of "other" 
 
     </option> 
 
    </select> 
 
    </div>

<div class="showOther" ng-show="paidToOptions=='other'"> 
 
     </div>

HTML：<div class="" ng-show="selection=='other'"> </div>

Answer 1

使用布爾變量。如果用戶選擇「other」，則將該變量設置爲true。然後將其用作顯示或隱藏div的值。

var otherOption = true; //set the value using the dropdown 

然後在您的html：

<div class="showOther" [hidden]={!otherOption}></div> 

順便說一句，如果你使用Angular2 +，則不能使用ng-show。等價物可以是[hidden]或*ngIf。