2016-01-17 7 views
7

यहां दस्तावेज AngularJS JavaScript SDKक्या लूपबैक से एंगुलर 2 के लिए सेवाएं उत्पन्न करना संभव है?

यह उदाहरण कोणीय के लिए बिल्कुल सही काम करता है। यह कमांड के साथ कोणीय क्लाइंट लाइब्रेरी उत्पन्न करने के लिए

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

करता ही आसान तरीका लूपबैक साथ Angular2 उपयोग करने के लिए मौजूद हो सकता है?

संपादित

क्या मैं वर्तमान में इस विषय पर पाया।

  1. Issue लूपबैक-एसडीके-कोणीय गिटब रिपोजिटरी में चर्चा के साथ।
  2. प्राप्ति का उदाहरण: BaseResource और Model बेस रिसोर्स पर mased।
  3. और दूसरा तरीका - upgrade से कोणीय से कोणीय 2 तक लूपबैक कोणीय 2 एसडीके के आधिकारिक कार्यान्वयन तक।
  4. मैंने कोणीय 2 in fork of loopback-sdk-angular के लिए कोड जनरेटर का अल्फा संस्करण किया है।

संपादित

  1. Loopback-sdk-builder (comment)

उत्तर

13

इस समय आप लूपबैक-sdk-कोणीय और लूपबैक-sdk का कांटा का उपयोग कर सकते पर -ंगुलर-क्ली पैकेज।

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

ग्राहक कोड (टाइपप्रति) जनरेट करें:

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

मैं निम्न अपवाद 'अपवाद हो रही है:

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

उपयोग के उदाहरण नहीं प्रदाता एचटीपी के लिए! (ऐप -> उपयोगकर्ता एपीआई -> एचटीपी) 'विचार? – essaji

+0

@essaji, कृपया अपना कोड दिखाएं। आप अपने घटक में एचटीपी कैसे प्रदान करते हैं? क्या वहां प्रदाता हैं: [एचटीपी] '? आप कोड उदाहरण के साथ एक समस्या (https://github.com/Qeti/loopback-sdk-angular/issues) बना सकते हैं। – mnv

+0

'प्रदाताओं का उपयोग करना: [उपयोगकर्ता सेवा, एचटीपी], 'उत्पादन' निष्पादन: कनेक्शन बैकएंड के लिए कोई प्रदाता नहीं! (AppComponent -> UserApi -> Http -> कनेक्शन बैकएंड) 'और 'प्रदाताओं का उपयोग करना: [उपयोगकर्ता सेवा, एचटीपी, कनेक्शन बैकएंड],' उत्पादन 'निष्पादन: अनुरोध ऑप्शन के लिए कोई प्रदाता नहीं! (AppComponent -> UserApi -> Http -> RequestOptions) ' – essaji