在ts文件中使用模板引用变量的方法

Question

• 描述：
  angular6的前端项目中使用了PrimeNG的UI套件
  在html文件中使用了一个第三方UI库的表格组件，并为其制定了模板引用变量：
  <p-table #dt></p>,该表格组件有个方法exportCSV()可以将表格中的数
  据导出为CSV格式的文件

• 原本的官方示例是在html文件中通过调用模板引用变量的方法直接导出数据，不需要在ts
  文件中写任何代码，但是现在由于多个原因我不能使用官方一样的方法，而是想在
  ts文件中通过调用模板引用变量的方法来导出数据，那么我应该怎么写？

• 我是angular新手，如果问题过于简单请推荐个文章、资料来看看，如果稍微有些难度
  希望能得到些代码做参考，万分感谢你的回复。

• 有必要的话：
  我的Q：409223171，有必要的话可以加我好友，或者直接发这个Q的邮箱

Answer 1

ViewChildimport { Component, ViewChild, AfterViewInit } from '@angular/core';//假设的。这里引入你用到的table组件类import { TableComponent } from 'PrimeNG'@Component({     selector: 'app-xxx',     templateUrl: './xxx.component.html',     styleUrls: ['./xxx.component.css'] })export class XXXComponent implements AfterViewInit {    //表格组件实例     @ViewChild('dt') dt:TableComponent    constructor() {}     ngAfterViewInit(){        //页面组件初始化后调用         this.dt.exportCSV()     } }