Question

当我单击按钮以在表格中以斜角添加新行时，我想在表格单元格中添加按钮。我能够添加新行，但无法在创建行的单元格中找到按钮。

Answer 1

我创建了一个最小的Stackblitz示例供您查看：https://stackblitz.com/edit/angular-kpjesj

这是我的app.ts文件：

import { Component } from '@angular/core';


@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

  tablerows = [{
    name: "rowobject"
  }, {
    name: "rowobject"
  }];

  addRow() {
    this.tablerows.push({name: "rowobject"});
  }
}

这是我的app.html文件

<table>
  <tr *ngFor="let row of tablerows">
    <td>{{row.name}}</td>
  </tr>
  <tr>
    <button (click)="addRow()">add</button>
  </tr>

</table>

Answer 2

Import { ChangeDetectorRef } from '@angular/core';

constructor (private cdref: ChangeDetectorRef) {
}

在addRow函数中，请添加以下代码

 this.cdref.detectChanges();

单击按钮后，您能帮我在表格单元格中添加按钮吗？

2 个答案: