Uncaught (in promise): Error: No provider for Http

@dineshkumar1234 wrote:

i'm new to ionic.
I got an error Uncaught (in promise): Error: No provider for Http!,
login.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Http ,Headers } from '@angular/http';
import 'rxjs/add/operator/map';
/** * Generated class for the Login page. * * See http://ionicframework.com/docs/components/#navigation for more info * on Ionic pages and navigation.
*/
@IonicPage()
@Component({  selector: 'page-login',  templateUrl: 'login.html',})
export class Login {
  constructor(public navCtrl: NavController, public navParams: NavParams,public http:Http) {  }
  ionViewDidLoad() {
 console.log('ionViewDidLoad Login');
 }
 ionViewidData(){
   let headers= new Headers();
 headers.append('Content-Type','application/json');
    let body = {      id:"10077",      password:"leechan2"    };
  console.log(body);
this.http.post('http://0.0.0.0:2800/login',JSON.stringify(body),{headers:headers});  }
}

login.html

ion-content class="background">  <ion-card>    <ion-card-header>      Login Form    </ion-card-header>    <ion-card-content>      <ion-list no-line>        <ion-item>          <ion-input type="text" placeholder="Username"></ion-input>        </ion-item>        <ion-item>          <ion-input type="password" placeholder="Password"></ion-input>        </ion-item>                <button ion-button block outline color="light" (click)="ionViewidData()">Log in</button>        <p>OR</p>        <a>Don't have a Account? <b>Sign up</b></a>        <button ion-button block color="facebook">          <ion-icon name="logo-facebook"></ion-icon> Login with facebook        </button>      </ion-list></ion-card-content>  </ion-card>  <button class="bottom" ion-button clear full color="light">Don't have an account? Sign up</button></ion-content>

Posts: 1

Participants: 1

Read full topic