Angular,删除一行成为删除整个表

时间:2017-11-21 03:02:07

标签: angular typescript html-table crud

我试图使用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;
&#13;
&#13;

插入和更新功能正常运行。所以我认为问题只出在我的删除功能中。它应该只从表中删除一行。如果需要更多代码段,请告诉我。提前谢谢。

我的功能基于this tutorial

1 个答案:

答案 0 :(得分:0)

专注于功能:

deleteProduct(key: string) {
  this.productList.remove(key);
}

remove 标准JavaScript / TypeScript Array上的函数。

修复

检查productList所代表的实际类型上的文档,并从他们的代码中验证他们在`remove中做了正确的事情。