[英]Is it possible to generate services for Angular2 from Loopback?
以下是有關AngularJS JavaScript SDK的文檔
這個例子適用於Angular。 可以使用命令生成Angular客戶端庫
$ lb-ng ../server/server.js js/lb-services.js
是否存在將Angular2與Loopback一起使用的簡單方法?
編輯
我目前在這個主題上發現了什么。
編輯
此時你可以使用loopback-sdk-angular和loopback-sdk-angular-cli包的fork。
的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"
}
生成客戶端代碼(TypeScript):
./node_modules/.bin/lb-ng ./server/server.js ./client/src/app/lb-services.ts -l angular2
用法示例:
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
});
});
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.