我想在删除之前显示值的名称。不知道如何以角度进行数据绑定。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">×</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)"
- 1 回答
- 0 关注
- 75 浏览
添加回答
举报
0/150
提交
取消