Angular2 + NG2-アップローダUPLOAD_DIRECTIVESが私のangular2アプリで<strong><em>NG2-アップローダー</em></strong>を使用しようとして

Question

アムが定義されていない、私は好きですしようとした、私の見解では、ボタンのクリックのアップロードアクションを追加しようとしていますドキュメンテーションは説明https://github.com/jkuri/ng2-uploader

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ですが、正確には何ですか？

Answer 1

私はあなたのメインのHTMLファイルに次のSystemJSの設定をしようと：

<script> 
    System.config({ 
    map: { 
     'ng2-uploader': 'node_modules/ng2-uploader' 
    }, 
    packages: { 
     (...) 
     'ng2-uploader': { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
    (...) 
</script>