diff --git a/ng2-components/ng2-alfresco-upload/README.md b/ng2-components/ng2-alfresco-upload/README.md index 9e48ac7d4a..b7eee305ee 100644 --- a/ng2-components/ng2-alfresco-upload/README.md +++ b/ng2-components/ng2-alfresco-upload/README.md @@ -32,14 +32,6 @@ Add the following dependency to your index.html: ``` -#### Style -The style of this component is based on material design, so if you want to visualize it correctly you have to add the material -design dependency to your project: - -```sh -npm install --save material-design-icons material-design-lite -``` - Also make sure you include these dependencies in your .html page: ```html @@ -49,8 +41,50 @@ Also make sure you include these dependencies in your .html page: ``` +Make sure your systemjs.config has the following configuration: + +```javascript + System.config({ + defaultJSExtensions: true, + map: { + 'ng2-alfresco-core': 'node_modules/ng2-alfresco-core', + 'ng2-alfresco-upload': 'node_modules/ng2-alfresco-upload', + 'rxjs': 'node_modules/rxjs', + 'angular2' : 'node_modules/angular2', + 'ng2-translate': 'node_modules/ng2-translate', + 'app': 'dist/src' + }, + packages: { + 'app': { + defaultExtension: 'js' + }, + 'ng2-alfresco-core': { + defaultExtension: 'js' + }, + 'ng2-alfresco-upload': { + defaultExtension: 'js' + }, + 'rxjs': { + defaultExtension: 'js' + }, + 'angular2': { + defaultExtension: 'js' + } + } + }); +``` + +#### Style +The style of this component is based on material design, so if you want to visualize it correctly you have to add the material +design dependency to your project: + +```sh +npm install --save material-design-icons material-design-lite +``` + #### Basic usage + ```html