在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5/ angular通過(guò)ngfor遍歷出來(lái)的button按鈕，如何點(diǎn)擊一個(gè)在他后面出現(xiàn)

angular通過(guò)ngfor遍歷出來(lái)的button按鈕，如何點(diǎn)擊一個(gè)在他后面出現(xiàn)一個(gè)input框

angular通過(guò)ngfor遍歷出來(lái)的button按鈕，如何點(diǎn)擊一個(gè)在他后面出現(xiàn)一個(gè)input框，我現(xiàn)在點(diǎn)擊一個(gè)，所有的input的框都出現(xiàn)
<ng-container matColumnDef="operate">

    <th mat-header-cell *matHeaderCellDef>操作</th>
    <td mat-cell *matCellDef="let row">
      <button mat-button  (click)="onOpenEdit(row)">編輯</button>
      <button mat-button (click)="onDelete(row.id)">刪除</button>
      <input *ngIf="isShow"  [(ngModel)]="row.newsName" name="newsName">
      <button *ngIf="isShow">確認(rèn)</button>
    </td>
  </ng-container>

圖片描述

點(diǎn)擊第一個(gè)編輯按鈕后
圖片描述
如何點(diǎn)擊一個(gè)按鈕只出現(xiàn)一個(gè)，其他的不出現(xiàn)

回答
編輯回答
枕頭人

row應(yīng)該設(shè)置不同的isShow，例如isShow-${row.id}，onOpenEdit(row)方法執(zhí)行的時(shí)候只修改當(dāng)前與當(dāng)前row相關(guān)的isShow-${row.id}值

2018年4月10日 20:13