如何connect/link用吴佐罗Table输入（创建搜索table）

Question

我希望通过 linking/connect nz-input 和 nz-table 在我的 NG ZORRO table 中创建一个搜索功能。有可能这样做吗？或者还有其他方法吗？

<uic-page>
<p>user-details works!</p>
<nz-input-group [nzSuffix]="suffixIconSearch">
  <input type="text" nz-input placeholder="input search text" />
</nz-input-group>
<ng-template #suffixIconSearch>
  <i nz-icon nzType="search"></i>
</ng-template>

<nz-table #basicTable [nzData]="listOfData">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Address</th>
      <th>Action</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let data of basicTable.data">
      <td>{{ data.name }}</td>
      <td>{{ data.age }}</td>
      <td>{{ data.address }}</td>
      <td>
        <a>Action 一 {{ data.name }}</a>
        <nz-divider nzType="vertical"></nz-divider>
        <a>Delete</a>
      </td>
    </tr>
  </tbody>
</nz-table>

谢谢。

Answer 1

This 应该没问题

只需在输入上创建一个事件并根据该事件更改数据还要确保复制数据（如果搜索是客户端的）以避免丢失数据

如何connect/link用吴佐罗Table输入（创建搜索table）

How to connect/link input with Ng Zorro Table (Create search table)

angular8

ng-zorro-antd