Angular 2のngrxエフェクトのパラメーターにアクセスするにはどうすればよいですか?

ブランドン

ディスパッチ時に2つのパラメーターを必要とするhttpサービス呼び出しがあります。

@Injectable()
export class InvoiceService {
  . . .

  getInvoice(invoiceNumber: string, zipCode: string): Observable<Invoice> {
    . . .
  }
}

その後、これら2つのパラメーターをthis.invoiceService.getInvoice()エフェクトに渡すにはどうすればよいですか?

@Injectable()
export class InvoiceEffects {
  @Effect()
  getInvoice = this.actions
    .ofType(InvoiceActions.GET_INVOICE)
    .switchMap(() => this.invoiceService.getInvoice())  // need params here
    .map(invoice => {
      return this.invoiceActions.getInvoiceResult(invoice);
    })
}
カータント

アクション内でペイロードにアクセスできます。

@Injectable()
export class InvoiceEffects {
  @Effect()
  getInvoice = this.actions
    .ofType(InvoiceActions.GET_INVOICE)
    .switchMap((action) => this.invoiceService.getInvoice(
      action.payload.invoiceNumber,
      action.payload.zipCode
    ))
    .map(invoice => this.invoiceActions.getInvoiceResult(invoice))
}

または、toPayload関数fromngrx/effects使用して、アクションのペイロードをマップできます

import { Actions, Effect, toPayload } from "@ngrx/effects";

@Injectable()
export class InvoiceEffects {
  @Effect()
  getInvoice = this.actions
    .ofType(InvoiceActions.GET_INVOICE)
    .map(toPayload)
    .switchMap((payload) => this.invoiceService.getInvoice(
      payload.invoiceNumber,
      payload.zipCode
    ))
    .map(invoice => this.invoiceActions.getInvoiceResult(invoice))
}

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Angular 11で2つの親のルートパラメータにアクセスするにはどうすればよいですか?

分類Dev

Angular 7のルートガード句のルートパラメータにアクセスするにはどうすればよいですか?

分類Dev

Angular 2アプリのルートにアクセスするときにクエリ文字列パラメーターをURLに保持するにはどうすればよいですか?

分類Dev

Angular:コンストラクターのプライベート入力パラメーターに他のクラスメソッドでアクセスするにはどうすればよいですか?

分類Dev

Angular 7でRouteのデフォルトのクエリパラメータを設定するにはどうすればよいですか?

分類Dev

Angular4 +でアクセスをチェックするために一致するパラメータを使用してURLパスをフェッチするにはどうすればよいですか?

分類Dev

Firebase:Angular 2+でエラーメッセージにアクセスするにはどうすればよいですか?

分類Dev

TypeScript、Angular2の派生クラスで基本クラスコンストラクターパラメーターを繰り返さないようにするにはどうすればよいですか?

分類Dev

Angular 2-Typescriptでオプションのクラスパラメーターを設定するにはどうすればよいですか?

分類Dev

Angular 2の以前のAPIリクエストからのパラメーターを必要とするAPIからデータを取得するにはどうすればよいですか?

分類Dev

Angularインターセプター内のリクエストの本文に何かを追加するにはどうすればよいですか?

分類Dev

AngularのHttpClientを使用する場合、URIにマトリックスパラメーターを使用してバックエンドにリクエストを行うにはどうすればよいですか?

分類Dev

Angularでネストされたオブジェクトのプロパティにアクセスするにはどうすればよいですか?

分類Dev

Angular 2 / Angular 4:ローカルシステムの場所からファイルにアクセスするにはどうすればよいですか?

分類Dev

ローカルストレージオブジェクトから特定のプロパティにアクセスするにはどうすればよいですか?(Angular 2 / angular-2-local-storage)

分類Dev

Angular 2のVideoJs関数のメンバー変数とメソッドにアクセスするにはどうすればよいですか?

分類Dev

Angularでは、投稿リクエストの応答をパラメーターの1つとして渡して、別の投稿リクエストに入れるにはどうすればよいですか?

分類Dev

SeleniumとPythonを使用してAngularのモーメントピッカーの値にアクセスするにはどうすればよいですか?

分類Dev

AngularでGETリクエストでURLパラメータを使用するにはどうすればよいですか?

分類Dev

バックエンドサーバーにアクセスするときのAngular2レンダリングパフォーマンスを改善するにはどうすればよいですか?

分類Dev

Angular-cli:アセットフォルダー外の画像にアクセスするにはどうすればよいですか?

分類Dev

Angular 5のparamMapからクエリパラメーターを取得するにはどうすればよいですか?

分類Dev

AngularでnullエラーをスローせずにURLの最初の子パラメータを確認するにはどうすればよいですか?

分類Dev

Angularでオブジェクトパラメータを使用してフェッチAPIリクエストを送信するにはどうすればよいですか?

分類Dev

Angular 2コンポーネントとサービスの定数にアクセスするにはどうすればよいですか?

分類Dev

Angular 2コンポーネントとサービスの定数にアクセスするにはどうすればよいですか?

分類Dev

Angular2 の別のコンポーネントから FormGroup 値にアクセスするにはどうすればよいですか?

分類Dev

Angularのフォームオブジェクトから検証エラーを取得するにはどうすればよいですか?

分類Dev

Angular 6のクエリパラメータで「routerLinkActive」を使用するにはどうすればよいですか?

Related 関連記事

  1. 1

    Angular 11で2つの親のルートパラメータにアクセスするにはどうすればよいですか?

  2. 2

    Angular 7のルートガード句のルートパラメータにアクセスするにはどうすればよいですか?

  3. 3

    Angular 2アプリのルートにアクセスするときにクエリ文字列パラメーターをURLに保持するにはどうすればよいですか?

  4. 4

    Angular:コンストラクターのプライベート入力パラメーターに他のクラスメソッドでアクセスするにはどうすればよいですか?

  5. 5

    Angular 7でRouteのデフォルトのクエリパラメータを設定するにはどうすればよいですか?

  6. 6

    Angular4 +でアクセスをチェックするために一致するパラメータを使用してURLパスをフェッチするにはどうすればよいですか?

  7. 7

    Firebase:Angular 2+でエラーメッセージにアクセスするにはどうすればよいですか?

  8. 8

    TypeScript、Angular2の派生クラスで基本クラスコンストラクターパラメーターを繰り返さないようにするにはどうすればよいですか?

  9. 9

    Angular 2-Typescriptでオプションのクラスパラメーターを設定するにはどうすればよいですか?

  10. 10

    Angular 2の以前のAPIリクエストからのパラメーターを必要とするAPIからデータを取得するにはどうすればよいですか?

  11. 11

    Angularインターセプター内のリクエストの本文に何かを追加するにはどうすればよいですか?

  12. 12

    AngularのHttpClientを使用する場合、URIにマトリックスパラメーターを使用してバックエンドにリクエストを行うにはどうすればよいですか?

  13. 13

    Angularでネストされたオブジェクトのプロパティにアクセスするにはどうすればよいですか?

  14. 14

    Angular 2 / Angular 4:ローカルシステムの場所からファイルにアクセスするにはどうすればよいですか?

  15. 15

    ローカルストレージオブジェクトから特定のプロパティにアクセスするにはどうすればよいですか?(Angular 2 / angular-2-local-storage)

  16. 16

    Angular 2のVideoJs関数のメンバー変数とメソッドにアクセスするにはどうすればよいですか?

  17. 17

    Angularでは、投稿リクエストの応答をパラメーターの1つとして渡して、別の投稿リクエストに入れるにはどうすればよいですか?

  18. 18

    SeleniumとPythonを使用してAngularのモーメントピッカーの値にアクセスするにはどうすればよいですか?

  19. 19

    AngularでGETリクエストでURLパラメータを使用するにはどうすればよいですか?

  20. 20

    バックエンドサーバーにアクセスするときのAngular2レンダリングパフォーマンスを改善するにはどうすればよいですか?

  21. 21

    Angular-cli:アセットフォルダー外の画像にアクセスするにはどうすればよいですか?

  22. 22

    Angular 5のparamMapからクエリパラメーターを取得するにはどうすればよいですか?

  23. 23

    AngularでnullエラーをスローせずにURLの最初の子パラメータを確認するにはどうすればよいですか?

  24. 24

    Angularでオブジェクトパラメータを使用してフェッチAPIリクエストを送信するにはどうすればよいですか?

  25. 25

    Angular 2コンポーネントとサービスの定数にアクセスするにはどうすればよいですか?

  26. 26

    Angular 2コンポーネントとサービスの定数にアクセスするにはどうすればよいですか?

  27. 27

    Angular2 の別のコンポーネントから FormGroup 値にアクセスするにはどうすればよいですか?

  28. 28

    Angularのフォームオブジェクトから検証エラーを取得するにはどうすればよいですか?

  29. 29

    Angular 6のクエリパラメータで「routerLinkActive」を使用するにはどうすればよいですか?

ホットタグ

アーカイブ