2016-01-17 13 views
7

Hier ist die Dokumentation über AngularJS JavaScript SDKIst es möglich, Dienste für Angular2 von Loopback zu generieren?

Dieses Beispiel funktioniert für Angular perfekt. Es ist möglich, mit kantiger Client-Bibliothek zu erzeugen Befehl

$ lb-ng ../server/server.js js/lb-services.js 

existieren gleiche einfache Art und Weise Angular2 mit Loopback zu bedienen?

EDIT

Was ich zur Zeit zu diesem Thema gefunden.

  1. Issue in Loopback-SDK-Winkel Github Repository mit Diskussion.
  2. Beispiel für die Realisierung: BaseResource und Model auf BaseResource.
  3. Und ein anderer Weg - mit upgrade von Angular zu Angular2 bis zur offiziellen Umsetzung des Loopback Angular 2 SDK.
  4. Ich habe Alpha-Version des Code-Generator für Angular 2 in fork of loopback-sdk-angular gemacht.

EDIT

  1. Loopback-sdk-builder (comment)

Antwort

13

In diesem Moment Sie Gabel von Loopback-sdk-Winkel- und Loopback-sdk verwenden -angular-cli-Pakete.

package.json:

"devDependencies": { 
    //... 
    "loopback-sdk-angular": "github:qeti/loopback-sdk-angular#188-angular2-support", 
    "loopback-sdk-angular-cli": "github:qeti/loopback-sdk-angular-cli#37-angular2-support" 
} 

Client-Code generieren (Typoskript):

./node_modules/.bin/lb-ng ./server/server.js ./client/src/app/lb-services.ts -l angular2 

Anwendungsbeispiel:

import {Component,Injectable} from 'angular2/core'; 
import {UserApi as UserService} from './lb-services'; 
import {HTTP_PROVIDERS} from 'angular2/http'; 

@Component({ 
    selector: 'my-app', 
    providers: [UserService,HTTP_PROVIDERS], 
    template: 'some template' 
}) 

@Injectable() 
export class AppComponent { 

    private login: string; 
    private password: string; 

    constructor(protected user: UserService) {} 

    onLogin() { 
    let self = this; 
    // Example 1 
    this.user.login({ 
     username: self.login, 
     password: self.password 
    }) 
    .subscribe(res => { 
     // some actions on login 
     this.getData(); 
    }); 
    } 

    onLogout() { 
    // Example 2 
    this.user.logout().subscribe(() => { 
     // some actions on logout 
    }); 
    } 

    public getData() { 
    // Example 3 
    this.user.count().subscribe((response: any) => { 
     let lastRow = response.count; 

     let data = this.user 
     // Example 4 
     .find({ 
      offset: 0, 
      limit: 100 
     }) 
     .subscribe(function(response: any) { 
      // Process response 
     }); 
    }); 
    } 
} 
+0

Ich erhalte die folgende Ausnahme 'AUSNAHME: Nein für Http! (App -> UserApi -> Http) 'Gedanken? – essaji

+0

@essaja, zeigen Sie bitte Ihren Code. Wie stellst du HTTP in deine Komponente ein? Gibt es 'Anbieter: [Http]' ?. Sie können ein Problem (https://github.com/Qeti/loopback-sdk-angular/issues) mit einem Codebeispiel erstellen. – mnv

+0

Mit 'providers: [UserService, Http],' erzeugt 'EXCEPTION: Kein Provider für ConnectionBackend! (AppComponent -> UserApi -> Http -> ConnectionBackend) 'und mit' providers: [UserService, Http, ConnectionBackend], 'erzeugt' EXCEPTION: Kein Provider für RequestOptions! (AppComponent -> UserApi -> Http -> RequestOptions) ' – essaji

Verwandte Themen