为了账号安全,请及时绑定邮箱和手机立即绑定

如何删除一个值

如何删除一个值

C#
胡子哥哥 2023-09-24 10:48:16
我想在删除之前显示值的名称。不知道如何以角度进行数据绑定。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);}我想以粗体显示要删除的项目的名称。
查看完整描述

1 回答

?
梦里花落0921

TA贡献1772条经验 获得超6个赞

deleteItemType(itemType){

  this.mdlDeleteItemType = itemType;

  this.hideModal();

 //Just Open Modal after it

}

还有你的 HTML


(click)="deleteItemType(itemType)"


查看完整回答
反对 回复 2023-09-24
  • 1 回答
  • 0 关注
  • 75 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信