我有一个用 angular/node.js 编写的示例代码。我指出了执行任务的功能。我不知道为什么......或如何。
我能够浏览代码片段并通过添加 console.log() 并注销数据来确定记录,所以我知道我找到的函数是正确的,我只是不明白为什么,因为在 angular 中它被调用“delete()”但在函数中它被称为“deleteValue()”
这是角度,因为您可以看到 delete(row._id) 是被调用的 onclick 函数。
<div class="card-body">
<ngx-datatable class='material' *ngIf="row" [columnMode]="'force'"
[headerHeight]="40" [footerHeight]="40" [rowHeight]="'50'"
[limit]="500000" [rows]='perm' [scrollbarH]="true"
#table [limit]="_limit" >
<ngx-datatable-column prop="value" name="Name" [width]="130"
[sortable]="true">
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
{{row.value}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column prop="qty" name="Qty" [width]="130"
[sortable]="true">
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
{{row.qty}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="Action" [sortable]="false" [width]="75">
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
<div class="justify-content-center align-items-center">
<span class="col-md-4">
<button class="btn btn-danger" (click)="delete(row._id)">
Delete
</button>
</span>
</div>
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
</div>
这是 nodejs 代码:
valueController.deleteValue= async (req)=>{
try{
var recordType = await valueModel.deleteValue({_id: req.params.id});
console.log('Deleting record: ' + req.params.id);
return recordType;
} catch(error) {
throw error;
}
}
谢谢,
我期待该函数被称为 delete 而不是 deleteValue 这是如何工作的?
(click)="delete(row._id)"
将在 Angular 组件上调用一个名为 delete 的方法,我们在这里看不到您的 Angular TypeScript,但该组件通常会调用 Angular 服务,然后该服务将对您的节点 api 进行 http 调用。
按钮上的点击功能不会直接调用 api。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句