アムが定義されていない、私は好きですしようとした、私の見解では、ボタンのクリックのアップロードアクションを追加しようとしていますドキュメンテーションは説明https://github.com/jkuri/ng2-uploader
Angular2 + NG2-アップローダUPLOAD_DIRECTIVESが私のangular2アプリで<strong><em>NG2-アップローダー</em></strong>を使用しようとして
component.ts
import {Component} from 'angular2/core';
import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader';
@Component({
selector: 'demo-app',
templateUrl: 'app/demo.html',
directives: [UPLOAD_DIRECTIVES],
})
export class DemoApp {
uploadFile: any;
options: Object = {
url: 'http://localhost:10050/upload'
};
handleUpload(data): void {
if (data && data.response) {
data = JSON.parse(data.response);
this.uploadFile = data;
}
}
}
component.html
<a href="load" class="clas1"
[ng-file-select]="options"
(onUpload)="handleUpload($event)">
<div>
Response: {{ uploadFile | json }}
</div>
しかし、私は私のナビゲーターでこのエラーに直面している:
Error: ReferenceError: UPLOAD_DIRECTIVES is not defined(…)ZoneDelegate.invoke @ angular2-polyfills.js:332Zone.run @ angular2-polyfills.js:227(anonymous function) @ angular2-polyfills.js:576ZoneDelegate.invokeTask @ angular2-polyfills.js:365Zone.runTask @ angular2-polyfills.js:263drainMicroTaskQueue @ angular2-polyfills.js:482ZoneTask.invoke @ angular2-polyfills.js:434
したがって、私は、ノードにインストールさNG2-アップローダーコンポーネント内のルックをとっていると、それは次のようになります。
///<reference path="../../node_modules/angular2/typings/browser.d.ts"/>
import {Ng2Uploader} from './src/services/ng2-uploader';
import {NgFileSelect} from './src/directives/ng-file-select';
import {NgFileDrop} from './src/directives/ng-file-drop';
export * from './src/services/ng2-uploader';
export * from './src/directives/ng-file-select';
export * from './src/directives/ng-file-drop';
export default {
directives: [NgFileSelect, NgFileDrop],
providers: [Ng2Uploader]
}
export const UPLOAD_DIRECTIVES: [any] = [NgFileSelect, NgFileDrop];
これはすべてが正しいと思われるので、誰かがこれを修復する方法を知っているかもしれません。おそらく私に何かを追加する必要がありますboot.tsまたは私のindex.htmlですが、正確には何ですか?
unfortenately – firasKoubaa
@firasKoubaaを働かなかったこと:あなたは、いくつかのエラーメッセージを持っていますか? –