我试图使用angular 4和html-table创建删除行功能。但显然我犯了一个愚蠢的错误,该功能应该只是删除一行现在成为删除整个表。任何人都可以帮我解决这个问题吗?
<!--component.html-->
<!--Form-->
<form #productForm="ngForm" (ngSubmit)="onSubmit(productForm)">
<input type="hidden" name="$prdKey" #$prdKey="ngModel" [(ngModel)]="ProductService.selectedProduct.$prdKey">
<div class="form-group">
<label>Product Name</label>
<input class="form-control" name="prdName" #prdName="ngModel" [(ngModel)]="ProductService.selectedProduct.prdName">
</div>
<div>
<label>Product Category:</label>
<select #category="ngModel" name="prdCategory" [(ngModel)]="ProductService.selectedProduct.prdCat" class="form-control">
<option value="Liquid">Liquid</option>
<option value="Solid">Solid</option>
<option value="Gas">Gas</option>
</select>
</div>
<div class="form-group">
<label>Supplier</label>
<input class="form-control" name="prdSup" #supplier="ngModel" [(ngModel)]="ProductService.selectedProduct.prdSup" placeholder="supplier">
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Submit</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</form>
<!--delete button-->
<button type="button" (click)="onDelete(ProductService.selectedProduct.$prdKey)">Delete</button>
&#13;
SELECT * from tblAppointment Order by CAST([ColumnName] as datetime);
&#13;
插入和更新功能正常运行。所以我认为问题只出在我的删除功能中。它应该只从表中删除一行。如果需要更多代码段,请告诉我。提前谢谢。
我的功能基于this tutorial
答案 0 :(得分:0)
专注于功能:
deleteProduct(key: string) {
this.productList.remove(key);
}
remove
不标准JavaScript / TypeScript Array
上的函数。
检查productList
所代表的实际类型上的文档,并从他们的代码中验证他们在`remove中做了正确的事情。