意外的标记。类型脚本中需要构造函数、方法、访问器或 属性
Unexpected token. A constructor, method, accessor, or property was expected in Typescrcipt
我正在尝试在 item.upload() 之后使用 angular 4 中的 ng2-file-upload 进行回调,但我收到一个错误 'Unexpected token. A constructor, method, accessor, or property was expected' 和“预期的声明或声明”
下面是我的组件和app.module代码。
谁能节省我的时间
上传组件
import { Component } from '@angular/core';
import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';
import { FileUploader
,FileItem,ParsedResponseHeaders,FileLikeObject} from 'ng2-file-upload';
@Component ({
selector: 'my-app',
templateUrl:'./excelUpload.html'
})
export class ExcelUploadComponent {
private uploader:FileUploader = new FileUploader({url:'http://localhost:5000/upload'});
this.uploader.onSuccessItem = (item:FileItem, response:string, status:number, headers:ParsedResponseHeaders) =>
{ console.log("onSuccessItem " + status, response, item);
if(response)
{ //parse your response.
}
}
}
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule,ReactiveFormsModule} from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { RouterModule, Routes } from '@angular/router';
import {ExcelUploadComponent} from './ExcelUpload/ExcelUpload.Component';
import { Component } from '@angular/core';
import { FileSelectDirective, FileDropDirective } from 'ng2-file-upload';
import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';
@NgModule({
declarations:[ AppComponent,
ExcelUploadComponent
,FileDropDirective, FileSelectDirective ],
imports: [ BrowserModule , FormsModule,HttpModule],
providers: [],
bootstrap: [LayoutComponent]
})
export class AppModule { }
只有 class 成员应该直接在 class 内。任何需要作为 class 初始化的一部分执行的代码都应该在构造函数中:
// ...
export class ExcelUploadComponent {
private uploader: FileUploader = new FileUploader({ url: 'http://localhost:5000/upload' });
constuctor() {
this.uploader.onSuccessItem = (item: FileItem, response: string, status: number, headers: ParsedResponseHeaders) => {
console.log("onSuccessItem " + status, response, item);
if (response) { //parse your response.
}
}
}
}
try placing the code within OnInit method
ngOnInit() {
//paste the code here
}
if you are yet to implement OnInit add below code to the class file before {
implements ngOnInit
import ngOnInit from angular/core
e.g
import { Component, OnInit } from '@angular/core';
export class SimpleChatComponent implements OnInit {
ngOnInit() {
//paste the code here
}
}
我正在尝试在 item.upload() 之后使用 angular 4 中的 ng2-file-upload 进行回调,但我收到一个错误 'Unexpected token. A constructor, method, accessor, or property was expected' 和“预期的声明或声明”
下面是我的组件和app.module代码。
谁能节省我的时间
上传组件
import { Component } from '@angular/core';
import * as FileSaver from 'file-saver';
import * as XLSX from 'xlsx';
import { FileUploader
,FileItem,ParsedResponseHeaders,FileLikeObject} from 'ng2-file-upload';
@Component ({
selector: 'my-app',
templateUrl:'./excelUpload.html'
})
export class ExcelUploadComponent {
private uploader:FileUploader = new FileUploader({url:'http://localhost:5000/upload'});
this.uploader.onSuccessItem = (item:FileItem, response:string, status:number, headers:ParsedResponseHeaders) =>
{ console.log("onSuccessItem " + status, response, item);
if(response)
{ //parse your response.
}
}
}
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule,ReactiveFormsModule} from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { RouterModule, Routes } from '@angular/router';
import {ExcelUploadComponent} from './ExcelUpload/ExcelUpload.Component';
import { Component } from '@angular/core';
import { FileSelectDirective, FileDropDirective } from 'ng2-file-upload';
import { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';
@NgModule({
declarations:[ AppComponent,
ExcelUploadComponent
,FileDropDirective, FileSelectDirective ],
imports: [ BrowserModule , FormsModule,HttpModule],
providers: [],
bootstrap: [LayoutComponent]
})
export class AppModule { }
只有 class 成员应该直接在 class 内。任何需要作为 class 初始化的一部分执行的代码都应该在构造函数中:
// ...
export class ExcelUploadComponent {
private uploader: FileUploader = new FileUploader({ url: 'http://localhost:5000/upload' });
constuctor() {
this.uploader.onSuccessItem = (item: FileItem, response: string, status: number, headers: ParsedResponseHeaders) => {
console.log("onSuccessItem " + status, response, item);
if (response) { //parse your response.
}
}
}
}
try placing the code within OnInit method
ngOnInit() {
//paste the code here
}
if you are yet to implement OnInit add below code to the class file before {
implements ngOnInit
import ngOnInit from angular/core
e.g
import { Component, OnInit } from '@angular/core';
export class SimpleChatComponent implements OnInit {
ngOnInit() {
//paste the code here
}
}