Wakanda如何訪問和顯示移動端的數據？

Question

在Wakanda入門中，它解釋瞭如何通過AngularJs將我的數據綁定到我的Web應用程序中。

http://wakanda.github.io/get-started/bind-data-in-webapp.html 

與離子2的移動應用程序的工作，我想知道，我怎麼能像綁定Web應用程序中的數據？

我的目標是獲得與入門相同的結果，但在移動端。任何人都可以幫助我？

Answer 1

您可以通過使用wakanda.service在Ionic 2項目中獲得相同的結果。所有你需要做的是：

1. 在home.ts例如

   import { Wakanda } from '../../app/wakanda.service';

2. 添加Wakanda到供應商陣列

   @Component({ selector: 'page-home', providers: [Wakanda], templateUrl: 'home.html' })

3. 添加Wakanda的構造

   constructor(public navCtrl: NavController, public wakanda: Wakanda) {}

4. 您可以使用這樣的服務：

   getHeros() { this.wakanda.getCatalog().then(ds => { ds['Superhero'].query({orderBy:"ID desc",pageSize:3}).then(collection => { this.favoriteSuperheroes = collection.entities; }); }); }

5. 顯示英雄在Home.html中：

   <ion-content padding> <button ion-button (click)= getHeros()>Display Heros</button> <ion-list> <ion-item *ngFor="let superhero of favoriteSuperheroes">{{superhero.name}} </ion-item> </ion-list> </ion-content>

有關更多的信息如何請與Wakanda服務器REST API進行交互因爲這個鏈接Wakanda JavaScript Client