diff --git a/ng2-components/ng2-alfresco-login/README.md b/ng2-components/ng2-alfresco-login/README.md
index 32d755ea5e..4537a5517f 100644
--- a/ng2-components/ng2-alfresco-login/README.md
+++ b/ng2-components/ng2-alfresco-login/README.md
@@ -29,6 +29,14 @@ 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
@@ -38,48 +46,6 @@ 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-login': 'node_modules/ng2-alfresco-login',
- 'rxjs': 'node_modules/rxjs',
- 'angular2' : 'node_modules/angular2',
- 'ng2-translate': 'node_modules/ng2-translate',
- 'src': 'src'
- },
- packages: {
- 'src': {
- defaultExtension: 'js'
- },
- 'ng2-alfresco-core': {
- defaultExtension: 'js'
- },
- 'ng2-alfresco-login': {
- 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
@@ -92,15 +58,23 @@ Example of an App that use Alfresco login component :
main.ts
```ts
-import { bootstrap } from 'angular2/platform/browser';
-import { Component } from 'angular2/core';
-import { Router, RouteConfig, ROUTER_DIRECTIVES } from 'angular2/router';
-import { AlfrescoSettingsService, AlfrescoAuthenticationService } from 'ng2-alfresco-core/dist/ng2-alfresco-core';
-import { AlfrescoLoginComponent } from 'ng2-alfresco-login/dist/ng2-alfresco-login';
-import { ROUTER_PROVIDERS } from 'angular2/router';
-import { HTTP_PROVIDERS } from 'angular2/http';
-import { ALFRESCO_CORE_PROVIDERS, AlfrescoTranslationService, AlfrescoTranslationLoader } from 'ng2-alfresco-core/dist/ng2-alfresco-core';
-
+import { bootstrap } from '@angular/platform-browser-dynamic';
+import { Component } from '@angular/core';
+import {
+ Router,
+ RouteConfig,
+ ROUTER_DIRECTIVES,
+ ROUTER_PROVIDERS
+} from '@angular/router-deprecated';
+import { AlfrescoLoginComponent } from 'ng2-alfresco-login';
+import { HTTP_PROVIDERS } from '@angular/http';
+import {
+ ALFRESCO_CORE_PROVIDERS,
+ AlfrescoTranslationService,
+ AlfrescoTranslationLoader,
+ AlfrescoSettingsService,
+ AlfrescoAuthenticationService
+} from 'ng2-alfresco-core';
@RouteConfig([
{path: '/', name: 'Login', component: AlfrescoLoginComponent, useAsDefault: true}
@@ -132,9 +106,6 @@ export class AppComponent {
bootstrap(AppComponent, [
ROUTER_PROVIDERS,
HTTP_PROVIDERS,
- AlfrescoTranslationLoader,
- AlfrescoTranslationService,
- AlfrescoAuthenticationService,
ALFRESCO_CORE_PROVIDERS
]);