我正在嘗試根據用戶輸入動態創建一個新的輸入欄位。請看例子它會更有意義。
如果用戶選擇“HS2”，我想在選擇該值時創建一個新的輸入欄位。如果用戶要選擇 HS2，但更改為（例如）HS1，我想洗掉該輸入欄位，因為它應該只在選擇后出現。這應該是實時的，而不是在用戶單擊提交之后。這是我當前的代碼：
<td pEditableColumn style="width: 70px; word-wrap: break-word;">
<select class="form-control-sm" [disabled]="searchBeanRes.rowAllSelect" [(ngModel)]="rowData.assignToAllTaskType" [(ngModel)]="rowData.taskTypeName" (click)="taskAssign(rowData,rowData.taskTypeName)">
<option [value]="null">--Select--</option>
<option *ngFor="let object of rowData.taskListMap | keyvalue" [ngValue]="object.value"> {{object.value}}</option>
</select>
</td>
我很感激任何幫助！萬分感謝。我正在學習前端Web開發。
uj5u.com熱心網友回復：
只需使用*ngIf：
<td pEditableColumn style="width: 70px; word-wrap: break-word;">
<select class="form-control-sm" [disabled]="searchBeanRes.rowAllSelect" [(ngModel)]="rowData.assignToAllTaskType" [(ngModel)]="rowData.taskTypeName" (click)="taskAssign(rowData,rowData.taskTypeName)">
<option [value]="null">--Select--</option>
<option *ngFor="let object of rowData.taskListMap | keyvalue" [ngValue]="object.value"> {{object.value}}</option>
</select>
<ng-container *ngIf="value == 'H2'">
<input name="extra" [(ngModel)]="extraVariable">
</ng-container>
</td>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/420564.html
標籤：