如何在角向

Question

我在将组件用作子组件时遇到问题。当用户单击应呈现的按钮时，我需要加载一些表值。但我对此一无所知。这是示例：

@ViewChild(ConfigurationTableComponent) tableComponent: ConfigurationTableComponent;

用户界面如下：

<button class="btn btn-success" (click)="addElement()">Add new table row</button>

还有addElement()函数：

  addElement(event: { stopPropagation: () => void; }) {
    this.table.nativeElement.insertAdjacentHTML('beforeend', ConfigurationTableComponent);
    event.stopPropagation();
  }

我想要的是，当我单击按钮时，它应该在表中再添加一行。

Here is an example

Answer 1

您正在尝试使用jQuery方式。成角度的方式是这样的：

NullPointerException

      <tr *ngFor="let row of elements, let i = index">
        <td>{{i + 1}}</td>
        <td>{{row.lastName}}</td>
        <td>{{row.firstName}}</td>
        <td>{{row.age}}</td>
      </tr>

这里是令人眼花：乱的： https://stackblitz.com/edit/angular-waxqv1?file=src/app/app.component.html