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

Wakanda How to access and display the data in mobile side?

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

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

移动应用程序与 Ionic 2 兼容,我想知道如何像网络应用程序一样绑定数据?

我的目标是在移动端获得与入门相同的结果。谁能帮帮我?

您可以使用 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 请参阅此 link Wakanda JavaScript Client