export class TopicComponent {
csvUrl = 'https://docs.google.com/spreadsheets/d/1DEhSS05msJGTV7rIZEPBjYFH_FK2G3o4okWTdi_Xxsc/edit?usp=sharing';
csvData: any [] = [];
constructor(private http: Http) { }
readCsvData() {
this.http.get(this.csvUrl)
.subscribe(
data => this.extractData(data),
err => this.handleError(err)
);
}
private extractData(res: any) {
let csvData = res['_body'] || '';
let allTextLines = csvData.split(/\r\n|\n/);
let headers = allTextLines[0].split(',');
let lines = [];
for ( let i = 0; i < allTextLines.length; i++) {
// split content based on comma
let data = allTextLines[i].split(',');
if (data.length === headers.length) {
let tarr = [];
for ( let j = 0; j < headers.length; j++) {
tarr.push(data[j]);
}
lines.push(tarr);
}
}
this.csvData = lines;
}
private handleError (error: any) {
let errMsg = (error.message) ? error.message :
error.status ? `${error.status} - ${error.statusText}` : 'Server error';
console.error(errMsg); // log to console instead
return errMsg;
}
<h2>CSV data</h2>
<div>
<button class="btn btn1 btn2" (click)="readCsvData()">Read Csv Data</button>
</div>
<br/><br/>
<div>
<table border="1" class="demoTable">
<tr *ngFor = "let x of csvData">
<td *ngFor = "let y of x ">{{ y }}</td>
</tr>
</table>
</div>
Я связываю отклик gsms csv на мое угловое приложение в виде таблицы, но при выполнении возникает следующая ошибка -
Поле заголовка запроса X-XSRF-TOKEN не разрешен Access-Control-Allow-Headers в ответе перед полетом.
вот изображение обнаруженной ошибки
Пожалуйста, помогите !!