时间戳

首页 > 解决方案 > 如何从类型脚本触发 html 方法

angular - 如何从类型脚本触发 html 方法

问题描述

作为这个问题的延续：

angular primeng p-table 分页不起作用

我需要一种从 TypeScript 触发 html 方法的方法。在问题的示例中，我需要一种运行方式

table.reset()

来自我的打字稿。这样做的原因是，每当使用不同的链接（菜单）并且每次更改显示时都会调用我当前的组件。我了解到，为了初始化分页器字段，我需要使用该reset()方法 - 但我的问题是如何触发此更改。

第一次没有问题，因为我将它添加到我拥有的 GET 按钮但是当再次使用菜单时我不想按下 get 按钮（我正在使用触发显示更改 

ngAfterContentChecked()

标签： angular

解决方案

假设这是您的表：

<p-table #tt [value]="testdata" class="test-data" [lazy]="true"
         (onLazyLoad)="loadDataLazily($event)"
            [paginator]="true" [rows]="3" [totalRecords]="totalRecords">

要在组件文件中重置它：使用它，如下所示：

import { Table } from '../../../../node_modules/primeng/components/table/table';
    export class TableComponent{
     @ViewChild('tt') tt: Table;
     resetTable(){
      this.tt.reset();
     }
}

推荐阅读