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

Question

• 描述：
  angular6的前端项目中使用了PrimeNG的UI套件
  在html文件中使用了一个第三方UI库的表格组件，并为其制定了模板引用变量：
  <p-table #dt></p>,该表格组件有个方法exportCSV()可以将表格中的数
  据导出为CSV格式的文件
• 原本的官方示例是在html文件中通过调用模板引用变量的方法直接导出数据，不需要在ts
  文件中写任何代码，但是现在由于多个原因我不能使用官方一样的方法，而是想在
  ts文件中通过调用模板引用变量的方法来导出数据，那么我应该怎么写？
• 我是angular新手，如果问题过于简单请推荐个文章、资料来看看，如果稍微有些难度
  希望能得到些代码做参考，万分感谢你的回复。
• 有必要的话：
  我的Q：409223171，有必要的话可以加我好友，或者直接发这个Q的邮箱

Answer 1

ViewChild

import { 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()
    }
}