我有一个带有下拉菜单的组件当前返回多个选项。我想添加这样的功能:当选择“其他”选项时，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>
请您参考如下方法:
使用 bool 变量。如果用户选择“其他”，则将该变量设置为 true。然后使用它作为显示或隐藏 div 的值。
var otherOption = true; //set the value using the dropdown
然后在你的html中:
<div class="showOther" [hidden]={!otherOption}></div>
顺便说一下，如果您使用的是 Angular2+，则无法使用 ng-show。等效项可以是 [hidden] 或 *ngIf。
