タグ付けされた質問 「angular-httpclient」

Angular 4アプリをテストするためのモックWebサービスを構築するために使用するものはどれですか？

229 angular  angular-httpclient  angular2-http 

これが私のコードです： import { HttpClient, HttpErrorResponse, HttpHeaders } from '@angular/common/http'; logIn(username: string, password: string) { const url = 'http://server.com/index.php'; const body = JSON.stringify({username: username, password: password}); const headers = new HttpHeaders(); headers.set('Content-Type', 'application/json; charset=utf-8'); this.http.post(url, body, {headers: headers}).subscribe( (data) => { console.log(data); }, (err: HttpErrorResponse) => { if (err.error instanceof Error) …

181 angular  http-headers  angular-httpclient 

私は新しいとのAPIコールにクエリパラメータを渡す方法を探してきたHttpClientModuleのHttpClientと解決策を見つけるためには至っていません。古いHttpモジュールでは、次のように記述します。 getNamespaceLogs(logNamespace) { // Setup log namespace query parameter let params = new URLSearchParams(); params.set('logNamespace', logNamespace); this._Http.get(`${API_URL}/api/v1/data/logs`, { search: params }) } これにより、次のURLへのAPI呼び出しが発生します。 localhost:3001/api/v1/data/logs?logNamespace=somelogsnamespace しかし、新しいHttpClient get()メソッドにはsearchプロパティがないので、クエリパラメーターで渡す場所を知りたいのですが？

147 angular  typescript  http  lodash  angular-httpclient 

次のようなデータサービスがあります。 @Injectable() export class DataService { baseUrl = 'http://localhost' constructor( private httpClient: HttpClient) { } get(url, params): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'get', null, params) .map((res) => { return res as Object }) .toPromise(); } post(url, body): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'post', body) .map((res) => { return …

114 angular  angular-httpclient 

Angular 4からLaravelバックエンドにPOSTリクエストを送信しようとしています。 私のLoginServiceにはこのメソッドがあります： login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } LoginComponentでこのメソッドをサブスクライブします。 .subscribe( (response: any) => { console.log(response) location.reload() }, (error: any) => { console.log(error) }) そして、これは私のLaravelバックエンドメソッドです。 ... if($this->auth->attempt(['email' => $email, 'password' => $password], true)) { return response('Success', 200); } return response('Unauthorized', 401); 私のChrome開発ツールは、私のリクエストは200のステータスコードで成功したと言っています。しかし、私のAngularコードはerrorブロックをトリガーし、次のメッセージを表示します。 http://10.0.1.19/api/loginの解析中のHTTPエラー バックエンドから空の配列を返す場合、それは機能します...それで、Angularは私の応答をJSONとして解析しようとしていますか？これを無効にするにはどうすればよいですか？

105 angular  typescript  angular-httpclient