将用Papaparse解析的CSV呈现为HTML

Question

我正在使用Ionic 3，并且需要在我的应用程序中可视化CSV。我用Papaparse读取文件，并用console.log(this.csvData)来获得。

但是我无法在HTML文件中显示它们（空白处应显示带有信息的表格）。我想要的只是一个包含CSV文件本地存储信息的表，我不知道我是否对数组*ngFor正确使用了csvData，因为调用{时似乎headerRow为空let row of headerRow中的{1}}。我在Angular 5中使用Ionic 3。

这是我的.ts文件：

*ngFor

这是我的HTML文件的一部分：

export class myPage {
csvData: any[] = [];
headerRow: any[] = [];
url = 'assets/json/data.csv'; 
constructor(public navCtrl: NavController, public navParams:
    NavParams, private httpClient: HttpClient, 
    public modalController: ModalController) {
        this.extract() 
}
private extract(){
Papa.parse(this.url, {
  download: true,
  complete: function(results) {
    this.csvData=results.data;  
    this.headerRow = this.csvData[0]; 
    this.csvData.splice(0, 1); 
    console.log(this.csvData);  
    console.log(this.headerRow);  
    }
});
}
}