離子HTTP不工作功能

Question

我似乎無法讓我的函數內部工作的Ajax，我在這裏做錯了什麼？

import { FormControl } from '@angular/forms'; 
import { Http } from '@angular/http'; 

export class EmailValidator { 

    static checkEmail (control: FormControl): any { 
    var $http = new Http; 

    return new Promise(resolve => { 

     var lowercaseValue = control.value.toLowerCase(); 
     if(lowercaseValue.indexOf('@') <= -1 || lowercaseValue.indexOf('.') <= -1) { 
     resolve({ 
      "invalid email": true 
     }); 
     } else { 
     $http({ 
      method: 'GET', 
      url: '{URL}'+lowercaseValue 
     }).then(function successCallback(response) { 
      if(response.error == true) { 
      resolve(response); 
      } else { 
      resolve(null); 
      } 
     }, function errorCallback(response) { 
      resolve({ 
       "invalid email": true 
      }); 
     }); 
     } 

    }); 

    } 

} 

我得到的錯誤是：

Answer 1

new Http()呼叫需要2個參數：

constructor(_backend: ConnectionBackend, _defaultOptions: RequestOptions) 

https://angular.io/api/http/Http

嘗試將其作爲一個參數傳遞給構造方法爲你的班級：

export class EmailValidator { 
    contstructor($http: Http) {} 
    ... 

你還需要將HttpModule導入到你的引導代碼，像這樣：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { HttpModule } from '@angular/http'; 
import { AppComponent } from './app.component'; 

@NgModule({ 
    imports: [ BrowserModule, HttpModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
class AppModule { } 

platformBrowserDynamic().bootstrapModule(AppModule);