2016-01-17 21 views
7

Oto dokumentacja na temat AngularJS JavaScript SDKCzy można generować usługi dla Angular2 z funkcji Loopback?

Ten przykład działa idealnie dla Angular. Możliwe jest wygenerowanie biblioteki klienta Angular z poleceniem

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

Czy istnieje ten sam prosty sposób użycia Angular2 z funkcją Loopback?

EDIT

Co znalazłem na ten temat obecnie.

  1. Issue w loopback-sdk-kątowe repozytorium Github z dyskusją.
  2. Przykład realizacji: BaseResource i Model na bazie BaseResource.
  3. Innym sposobem - przy użyciu upgrade z Angular do Angular2 do oficjalnej implementacji pakietu SDK Loopback Angular 2.
  4. Wykonałem wersję alfa generatora kodu dla Angular 2 in fork of loopback-sdk-angular.

EDIT

  1. Loopback-sdk-builder (comment)

Odpowiedz

13

W tym momencie można użyć widelca z loopback-sdk-kątowej i loopback-sdk Pakiety prostokątne-cli.

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" 
} 

Generowanie kodu klienta (maszynopis):

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

Przykład użycia:

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

otrzymuję następujący wyjątek 'wyjątek: Brak dostawcy dla Http! (App -> UserApi -> Http) 'myśli? – essaji

+0

@essaji, pokaż swój kod, proszę. Jak udostępniasz Http w swoim komponencie? Czy są 'dostawcy: [Http]' ?. Możesz utworzyć problem (https://github.com/Qeti/loopback-sdk-angular/issues) za pomocą przykładu kodu. – mnv

+0

Używanie 'providerów: [UserService, Http],' produkuje 'WYJĄTEK: Brak dostawcy dla ConnectionBackend! (AppComponent -> UserApi -> Http -> ConnectionBackend) 'i używanie' providerów: [UserService, Http, ConnectionBackend], 'produkuje' WYJĄTEK: Brak dostawcy dla RequestOptions! (AppComponent -> UserApi -> Http -> RequestOptions) ' – essaji

Powiązane problemy