为什么表格行内的按钮不起作用?
我只希望它通过调用modal-basic.ts
文件中的函数在控制台中显示一条消息。
modal-basic.html:
<td><button (click)="test()">Test</button></td>
modal-basic.ts:
test() {
console.log("Test...");
}
您可以在以下StackBlitz中找到一个minimal reproducible example: https://stackblitz.com/edit/angular-bpp4uh
答案 0 :(得分:1)
我做了一些更改。
在ts中删除了此代码。
get countries(): Country[] {
return COUNTRIES
.map((country, i) => ({id: i + 1, ...country}))
.slice((this.page - 1) * this.pageSize, (this.page - 1) * this.pageSize + this.pageSize);
}
声明
countries = [];
添加ngOnit或Constructor()
{this.countries = COUNTRIES;}
在html
*ngFor="let country of countries | slice: (page-1) * pageSize : (page-1) * pageSize + pageSize"
<ngb-pagination
[(page)]="page"
[pageSize]="pageSize"
[collectionSize]="countries.length"></ngb-pagination>
这是链接: