Как использовать результат, полученный из REST API в Ionic - PullRequest
0 голосов
/ 10 мая 2018

В настоящее время я работаю над использованием сервиса RESTful для извлечения данных из моей базы данных.Мне удалось успешно прочитать данные из БД, однако я не могу использовать полученные данные.Главным образом потому, что я не знаю, как сохранить json в переменную.

Это мои коды ниже

Переменная, которую я объявил для сохранения результата

users: any;

Метод извлечения из остальных API

getUser(username:string, pw:string){
    this.restProvider.getUsers(username, pw)
      .subscribe(userList => {console.log(userList);

        this.users = userList.result},

        () => { console.log(this.users); });
  }

Метод использования результата

pressLogIn(event){

    this.getUser(this.username, this.pw);

    console.log(users)
  }

1 Ответ

0 голосов
/ 10 мая 2018

login.html

<form (submit)="getUser()" [formGroup]="loginForm">

  <ion-item>
    <ion-label fixed>
      <ion-icon name="person" color="primary"></ion-icon>
    </ion-label>
    <ion-input type="text" placeholder="System ID" formControlName="username"></ion-input>
  </ion-item>

  <ion-item>
    <ion-label fixed>
      <ion-icon name="lock" color="primary"></ion-icon>
    </ion-label>
    <ion-input type="password" placeholder="Password" formControlName="pw"></ion-input>

  </ion-item>

  <p color="danger" ion-text *ngIf="loginError">{{loginError}}</p>

  <button type="submit" ion-button mode="ios" block [disabled]="loginForm.invalid">Login</button>
</form>

login.ts

public getUser() {
this.loading = this.loadingController.create({ content: 'Please Wait...' });
this.loading.present();
this.loginError = '';
this.restProvider.getUser(
  this.loginForm.get('username').value,
  this.loginForm.get('pw').value).subscribe((userList: any) => {
    this.users = userList.result
    this.loading.dismiss();
  }, err => {
    this.loginError = "Something went wrong, please try again";
    this.loading.dismiss();
  }, () => {
console.log(this.users);
  })


}

ПРИМЕЧАНИЕ. Я использовал реактивные формы, если вы использовали шаблонную форму, а затем измените ее соответствующим образом

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...