Angular2：@CanActivate（）からのオブジェクトをコンポーネントに渡す - > Typescriptエラー

Question

角2では、の配列を示すMyObjectComponentがあります。私はこのmyObjectsをによって呼び出されるMyObjectServiceから得る。

routerOnActivate(next) { 
    this.myComponentObjectVariable = next.params.myObjects; 
} 

を経由して、私はデータを取得し、私のコンポーネントで

@CanActivate((next: ComponentInstruction, previous: ComponentInstruction) => { 

    let myObjectService: MyObjectService = //get my ObjectService here.... 

    return new Promise((resolve) => { 
     myObjectService.getMyObjects() 
      .subscribe((myObjects) => { 
       next.params['myObjects'] = myObjects; 
       resolve(true); 
      }); 
    }) 

これは動作しますが、私はnext.params['myObjects']に追加myObjectsは、文字列の場合のみ。

私はオブジェクトを追加する場合、私は

Typescript error: TS2322: Type 'any[]' is not assignable to type 'string'.

を取得しますただし、期待どおり結果JavaScriptが動作します。しかし、私はTypescriptエラーメッセージを取り除きたい。

ためComponentInstruction内のparamsオブジェクトの定義のエラー結果：もちろん

declare class ComponentInstruction { 
    ... some other data ... 
    params: { 
     [key: string]: string; 
    }; 
} 

私はクラスComponentInstructionを変更することができますが、それは少し醜いだろう。

誰もがこのエラーメッセージを取り除く方法を知っていますか？

Answer 1

paramsは不変として扱われるはずです。

このコメントhttps://github.com/angular/angular/issues/4112#issuecomment-153811572にリンクされているPlunkerに示されている方法を使用し、route paramsの代わりに共有サービスを使用して値を渡すことをお勧めします。

別の方法は

_router.navigate(...)を使用して、そこにカスタムルートパラメータを渡すことです。

この場合、アプリケーションを取得するには、Plunkerで実証されたアプローチが必要です（Routerインスタンス）。