如何删除一个值

Question

我想在删除之前显示值的名称。

不知道如何以角度进行数据绑定。

1.Angular html。

    <div *ngIf="pnlItemType" class="col-12">

    <table class="table table-bordered table-hover">

        <thead class="thead-dark">

            <th scope="col">Item Type Name</th>

            <th scope="col" colspan="2"></th>

        </thead>

        <tbody class="bg-white">

            <tr *ngFor="let itemType of itemTypes">

                <td class="valign-middle">{{itemType.ItemTypeName}}</td>

                <td class="w-80 text-center">

                    <button type="button" class="btn btn-outline-primary" 

        title="Edit" (click)="editItemType(itemType)"><i class="fas fa- 

          pen"></i></button>

                </td>

                <td class="w-80 text-center">

                    <button type="button" class="btn btn-outline- 

           secondary" title="Delete" (click)="deleteItemType()"> <i 

          class="far fa-trash-alt"></i></button>

                </td>

            </tr>

               </tbody>

                 </table>

                    /div>

2.删除框的模态视图。

<ng-template #mdlDeleteItemType>

<div class="modal-header">

    <h4 class="modal-title"> Confirm to delete this item</h4>

    <button type="button" class="close" aria-label="Close" (click) = 

 "hideModal();">

      <span aria-hidden="true">&times;</span>

    </button>

</div>

<div class="modal-body">

    <span> Are you sure you want to delete this item? </span>

    <b>{{itemType?.ItemTypeName}}</b>

</div>

<div class="modal-footer">

    <button type="button" class="btn btn-outline-secondary"> 

    Delete</button>

    <button type="button" class="btn btn-outline-secondary mg-rt-10" 

      (click)="hideModal()">Cancel</button>

 </div>

       </ng-template>

3.tsfile 后面的代码。

 deleteItemType(){

  this.hideModal();

  this.openLargeModal(this.mdlDeleteItemType);

}

我想以粗体显示要删除的项目的名称。

Answer 1

deleteItemType(itemType){&nbsp; this.mdlDeleteItemType = itemType;&nbsp; this.hideModal();&nbsp;//Just Open Modal after it}还有你的 HTML(click)="deleteItemType(itemType)"