Question

我有一个下拉组件，目前正在返回几个选项。我想添加选项＆＃39;其他＆＃39;如果选择，div将显示。我不确定如何为其他人的情况编写支票。＆＃39;

以下是目前的代码：

＆＃13;

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

＆＃13;

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

＆＃13;

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

Answer 1

使用布尔变量。如果用户选择“其他”，则将变量设置为true。然后将其用作显示或隐藏div的值。

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

然后在你的html：

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

顺便说一句，如果您使用的是Angular2 +，则无法使用ng-show。等效值可以是[hidden]或*ngIf。

根据下拉选项显示div

1 个答案: