Login.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { HomePage } from '../home/home';
import { Observable } from 'rxjs';
import { HttpClient } from '@angular/common/http';
import { PeopleServiceProvider } from '../../providers/people-service/people-service';

/**
 * Generated class for the LoginPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-login',
  templateUrl: 'login.html'
})
export class LoginPage {

  private username: string;
  private password: string;


  constructor(public navCtrl: NavController, public navParams: NavParams, public peopleProvider: PeopleServiceProvider, public http:HttpClient) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad LoginPage');
  }

  login() {
    let user = {
      "username": this.username,
      "password": this.password
    }

    this.peopleProvider.callWebApi(user)
      .subscribe(
      result => {
        console.log('Rezultat:', result);
        this.navCtrl.push(HomePage);
      },
      error => {
        console.log('Greska:', error);
      }
      );





  }

}