Angular获取@input数据未打印在模板上

Question

我想要 Oninit 中的 @input 数据。输入数据不会打印在模板中，但会打印在控制台日志中。

// foo-child.ts
@Input('tableData')
set tableData(tableData) {
  if (tableData) {
    this.tableDataReceived = this.tableDataShow = tableData;
    this.totalRows = this.tableDataShow.length;
  }
}

// foo-child.html
<div class="block">
  <div class="block50 selected-text"><span *ngIf="selectedRow">{{selectedRow.length}}</span><span *ngIf="!selectedRow">0</span> Requisition Selected</div>
  <div class="block50 result-no">10 of <span *ngIf="tableData">{{totalRows}}</span> Results</div>
</div>

// foo-parent.html
<foo-child *ngIf="tableData" [tableData]="tableData"></foo-child>

Answer 1

如果您使用 setter 进行输入，则 *ngIf="tableData" 永远不会计算为 true。要使其停止工作，请使用 setter 或将条件更改为：*ngIf="totalRows"。