为什么模态 table 内的按钮不起作用？

Question

为什么 table 行内的按钮不起作用？

我只希望它通过调用 modal-basic.ts 文件中的函数在控制台中打印一条消息。

模态-basic.html:

<td><button (click)="test()">Test</button></td>

模态-basic.ts:

test() {
  console.log("Test...");
}

你可以找到一个minimal reproducible example in the following StackBlitz: https://stackblitz.com/edit/angular-bpp4uh

Answer 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>

这里是 link:

https://stackblitz.com/edit/angular-8dxiv4

为什么模态 table 内的按钮不起作用？

Why the button inside table in modal not working?

ng-bootstrap

angular