Question

我试图通过HTML访问表格中的某些信息并它正在运行，但是我想在点击按钮而不是onInit之后执行此操作，所以我猜我需要Javascript或Typescript

执行此操作

最好通过HTML创建表格，但在点击按钮后按Javascript或Typescript填写表格。

表格如下：的 HTML

<table id="myTableSystems" class="table table-bordred table-striped">
    <thead>
      <th>{{ 'Checkbox' | translate }}</th>
      <th>{{ 'MappingMult' | translate }}</th>
    </thead>
    <tbody>
      <tr *ngFor="let receiver of testCase.receivers;" class="pointer">
        <td>
          <input type="checkbox">
        </td>
        <td>{{receiver.mappingMult}}</td>
      </tr>
    </tbody>
</table>

Answer 1

在component.ts文件中，您需要创建一个函数来填充对象＆＃34; testCase＆＃34;。

我不确定组件如何获取/接收＆＃34; testCase＆＃34;的数据。您将需要重构逻辑，以便获得＆＃34; testCase＆＃34;的数据。在fillData函数中。

component.ts

  public fillData(): void {
    this.testCase.receivers = [{mappingMult: 'data'}];
  }

component.html

<button type="button" (click)="fillData()" class="">Click To Fill Data</button>

<table *ngIf="testCase" id="myTableSystems" class="table table-bordred table-striped">
  <thead>
    <th>{{ 'Checkbox' | translate }}</th>
    <th>{{ 'MappingMult' | translate }}</th>
  </thead>
  <tbody>
    <tr *ngFor="let receiver of testCase.receivers;" class="pointer">
      <td>
        <input type="checkbox">
      </td>
      <td>{{receiver.mappingMult}}</td>
    </tr>
  </tbody>

动态表Javascript - Angular 2

1 个答案: