Angular 5 / Typescript / RxJS-Observableからデータを取得します

切る

ユーザーにログインするために、このtypescriptメソッドがあります。

onSubmit() {
    if (this.form.valid) {
      this.authService.login(this.form.value).map(res => this.loginResponse = res.json).subscribe(
        success => {
          console.log('Response: ' + this.loginResponse);
        },
        error => {
          this.loginFailed = true;
          setTimeout(()=>{   
            this.loginFailed  = false;
          }, 3000);
          console.error('ERROR login.component: ' + error);
        }
      );     
    }
    this.formSubmitAttempt = true;            
  }

実際、ここで応答データを取得する方法がわかりません。.map(res => this.loginResponse = res)

console.logの出力は次のとおりです。

Response: function () {
    if (typeof this._body === 'string') {
        return JSON.parse(/** @type {?} */ (this._body));
    }
    if (this._body instanceof ArrayBuffer) {
        return JSON.parse(this.text());
    }
    return this._body;
} 

オブザーバブルを使用して応答オブジェクトを取得する方法について、誰かヒントがありますか。

Mixalloff

response.json関数です。あなたはそれらを呼び出す必要があります

...map( res => this.loginResponse = res.json() )

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

TypeScriptを使用してAngular2のhttpデータからRxJS Observableをチェーンする

分類Dev

Observable of array with filter using Angular 5 with RxJS

分類Dev

'debounceTime&distinctUntilChangedを修正する方法| typescriptを使用したAngular5でのRxJSのエラー

分類Dev

Angular 5でrxJSを使用してAPIからの観測可能なデータを保存する方法は?

分類Dev

Angular 5-Rxjs forkJoin

分類Dev

Angular2 / RxJS-Httpobservableからデータを取得した後に変数を更新します

分類Dev

Angular / Rxjsを使用したTypescriptインポート構文

分類Dev

ionic 3(angular 5 + rxjs5)でAngularFireStoreを使用する

分類Dev

TypeScriptのReactiveX / rxjs5でexhaustMapを使用する方法

分類Dev

ngrx、rxjs、およびangular 5

分類Dev

Angular 2 TypescriptからHTML 5ビデオを再生する

分類Dev

Typescript / Angular 5 - iteration on a object

分類Dev

Angular / RxJS Multicasting Observable of Observable

分類Dev

Angular2およびRxJS5 Observable.share()

分類Dev

Angularの下でrxjsからcombineLatest()を使用して、複数のObservable <T>のタイプを保持しますか?

分類Dev

RxJS 5 Rx.Observable.timer(3000).mapTo({id:1})をRxJS 6に変換しますか?

分類Dev

TypescriptエラーTS2322:タイプ 'Observable <boolean | {}>-Angular 5&Typescript 2.4.2

分類Dev

Angular 5-Typescriptでテキストをフォーマットしますか?

分類Dev

rxjsを使用したTypescript

分類Dev

AngularおよびRxJS5から6-に移行した後のエラー-タイプ「Observable <{}>」はタイプ「Observable <....>」に割り当てることができません

分類Dev

Angular 5でTypescriptからJavaScript関数を呼び出す方法は?

分類Dev

Angular 5 httpリクエストから正しいObservableタイプを取得します(なぜ常にObservable <Object>なのですか?)

分類Dev

Angular 2 RxJS Observable:429ステータスを除いて再試行します

分類Dev

Angular4およびRxJS5:Observable.concat()が予期しない動作をする

分類Dev

私のデータはTypescriptビューからコントローラーに渡されませんか?私はAngular5 .net Core Apllication2.0を使用しています

分類Dev

Typescriptを使用してAngular2のObservableからアイテムを取得します

分類Dev

RxJSを使用したAngular5 +兄弟コンポーネント通信(件名)

分類Dev

Angular 5は、JSONデータと合計値から配列を作成します

分類Dev

@ ctrl / ngx-codemirrorライブラリから、typeScriptとangular5を使用してcodeMirrorインスタンスを取得する方法

Related 関連記事

  1. 1

    TypeScriptを使用してAngular2のhttpデータからRxJS Observableをチェーンする

  2. 2

    Observable of array with filter using Angular 5 with RxJS

  3. 3

    'debounceTime&distinctUntilChangedを修正する方法| typescriptを使用したAngular5でのRxJSのエラー

  4. 4

    Angular 5でrxJSを使用してAPIからの観測可能なデータを保存する方法は?

  5. 5

    Angular 5-Rxjs forkJoin

  6. 6

    Angular2 / RxJS-Httpobservableからデータを取得した後に変数を更新します

  7. 7

    Angular / Rxjsを使用したTypescriptインポート構文

  8. 8

    ionic 3(angular 5 + rxjs5)でAngularFireStoreを使用する

  9. 9

    TypeScriptのReactiveX / rxjs5でexhaustMapを使用する方法

  10. 10

    ngrx、rxjs、およびangular 5

  11. 11

    Angular 2 TypescriptからHTML 5ビデオを再生する

  12. 12

    Typescript / Angular 5 - iteration on a object

  13. 13

    Angular / RxJS Multicasting Observable of Observable

  14. 14

    Angular2およびRxJS5 Observable.share()

  15. 15

    Angularの下でrxjsからcombineLatest()を使用して、複数のObservable <T>のタイプを保持しますか?

  16. 16

    RxJS 5 Rx.Observable.timer(3000).mapTo({id:1})をRxJS 6に変換しますか?

  17. 17

    TypescriptエラーTS2322:タイプ 'Observable <boolean | {}>-Angular 5&Typescript 2.4.2

  18. 18

    Angular 5-Typescriptでテキストをフォーマットしますか?

  19. 19

    rxjsを使用したTypescript

  20. 20

    AngularおよびRxJS5から6-に移行した後のエラー-タイプ「Observable <{}>」はタイプ「Observable <....>」に割り当てることができません

  21. 21

    Angular 5でTypescriptからJavaScript関数を呼び出す方法は?

  22. 22

    Angular 5 httpリクエストから正しいObservableタイプを取得します(なぜ常にObservable <Object>なのですか?)

  23. 23

    Angular 2 RxJS Observable:429ステータスを除いて再試行します

  24. 24

    Angular4およびRxJS5:Observable.concat()が予期しない動作をする

  25. 25

    私のデータはTypescriptビューからコントローラーに渡されませんか?私はAngular5 .net Core Apllication2.0を使用しています

  26. 26

    Typescriptを使用してAngular2のObservableからアイテムを取得します

  27. 27

    RxJSを使用したAngular5 +兄弟コンポーネント通信(件名)

  28. 28

    Angular 5は、JSONデータと合計値から配列を作成します

  29. 29

    @ ctrl / ngx-codemirrorライブラリから、typeScriptとangular5を使用してcodeMirrorインスタンスを取得する方法

ホットタグ

アーカイブ