title: Ionic 3 TypeError: this.http.post is not a function
body: <p>Hi I'm new to ionic 3 &amp; angular 4 and I'M trying to make a login page that post email and password to the api. But i get this error "this.http.post is not a function".
  I've been looking but I have not managed to solve the problem.
  I have read this post <a href="https://stackoverflow.com/questions/37002002/ionic-2-typeerror-this-http-post-is-not-a-function">With ionic 2</a> but I think it is not the same problem.</p>
  
  <p>This is my app.module.ts</p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  import { ErrorHandler, NgModule } from '@angular/core';
  import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
  import { HttpModule, Headers, RequestOptions } from '@angular/http';
  import 'rxjs/Rx';
  import { MyApp } from './app.component';
  
  
  import { LoginPage } from '../pages/login/login';
  import { HomePage } from '../pages/home/home';
  import { ListPage } from '../pages/list/list';
  
  import { StatusBar } from '@ionic-native/status-bar';
  import { SplashScreen } from '@ionic-native/splash-screen';
  
  @NgModule({
    declarations: [
      MyApp,
      HomePage,
      ListPage,
      LoginPage
    ],
    imports: [
      BrowserModule,
      HttpModule,
      IonicModule.forRoot(MyApp)
  
    ],
    bootstrap: [IonicApp],
    entryComponents: [
      MyApp,
      HomePage,
      ListPage,
      LoginPage
    ],
    providers: [
      StatusBar,
      SplashScreen,
      {provide: ErrorHandler, useClass: IonicErrorHandler}
    ]
  })
  export class AppModule {}
  </code></pre>
  
  <p>And this is my login.ts </p>
  
  <pre><code>import { Component } from '@angular/core';
  import { IonicPage, NavController, NavParams } from 'ionic-angular';
  import { FormBuilder, FormGroup, Validators} from '@angular/forms';
  import { HttpModule, Headers, RequestOptions } from '@angular/http';
  
  import { HomePage } from '../home/home';
  
  @IonicPage()
  @Component({
    selector: 'page-login',
    templateUrl: 'login.html',
  })
  export class LoginPage {
      isLogged: boolean;
      constructor(public navCtrl: NavController,public fb: FormBuilder, public http: HttpModule) {
      this.myForm = this.fb.group({
          email: ['', [Validators.required]],
          password: ['', [Validators.required]]
      });
      this.http = http;
  
    }
  
    loginUser(){
      var datajson= {accion: 'login', email: this.myForm.value.email, password: this.myForm.value.password};
      alert(JSON.stringify(datajson));
      var apiurl = 'http://batbike.es/ajax/bbdd.php';
  
      this.http.post(apiurl,datajson).then(data =&gt; {alert(data.data)}).catch(error=&gt;{ alert (error.status)});
  
      //Esta linea me lleva a la página home
      //this.navCtrl.setRoot(HomePage).then(data =&gt; console.log(data)),error =&gt; console.log(error);
    }
  
  }
  </code></pre>
  
  <p>On the two pages I have imported http module but I can not use the method post.
  Do you see the error? Thank you very much</p>