在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()
    }
}