Angular 2のngrxエフェクトのパラメータにアクセスする方法は？

Question

私が派遣されたときに2つのパラメータを必要とするHTTPサービスの呼び出しがあります：どのように私はその後、私の影響でthis.invoiceService.getInvoice()に、これらの2つのパラメータを渡すん

@Injectable() 
export class InvoiceService { 
    . . . 

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

を？

@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); 
    }) 
} 

Answer 1

あなたはアクション内のペイロードにアクセスすることができます。

@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)) 
} 

それとも、アクションのペイロードをマッピングするためにngrx/effectsからtoPayload機能を使用することができます。

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)) 
}