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