描述：angular6的前端項目中使用了PrimeNG的UI套件在html文件中使用了一個第三方UI庫的表格組件，并為其制定了模板引用變量：<p-table #dt></p>,該表格組件有個方法exportCSV()可以將表格中的數據導出為CSV格式的文件原本的官方示例是在html文件中通過調用模板引用變量的方法直接導出數據，不需要在ts文件中寫任何代碼，但是現在由于多個原因我不能使用官方一樣的方法，而是想在ts文件中通過調用模板引用變量的方法來導出數據，那么我應該怎么寫？我是angular新手，如果問題過于簡單請推薦個文章、資料來看看，如果稍微有些難度希望能得到些代碼做參考，萬分感謝你的回復。有必要的話：我的Q：409223171，有必要的話可以加我好友，或者直接發這個Q的郵箱
1 回答
慕虎7371278
TA貢獻1802條經驗 獲得超4個贊
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()
}
}- 1 回答
- 0 關注
- 1958 瀏覽
添加回答
舉報
0/150
提交
取消