Wakanda如何在移动端访问和显示数据？

Question

在Wakanda入门时，它解释了如何通过AngularJs在我的网络应用程序中绑定我的数据。

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

移动应用程序可与Ionic 2配合使用，我想知道如何绑定数据，例如网络应用程序？

我的目标是在开始时获得与移动端相同的结果。有人可以帮帮我吗？

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 Server REST API交互的更多信息，请参阅此链接Wakanda JavaScript Client