Angular2：将对象从@CanActivate() 传递到组件中-> Typescript 错误

Question

在 Angular 2 中，我有一个 MyObjectComponent，它显示了一个 myObjects 数组。我从由@CanActivate 调用的MyObjectService 得到这个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);
             });
    })

在我的组件中，我通过

获取数据

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

这有效，但前提是我添加到 next.params['myObjects'] 的 myObjects 是一个字符串。

如果我添加一个对象，我会得到一个

Typescript 错误：TS2322：类型“any[]”不可分配给类型“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 中演示的方法，并使用共享服务而不是路由参数传递值。

另一种方法是使用

_router.navigate(...) 并在那里传递自定义路由参数。

对于这种情况，您还需要 Plunker 中演示的方法来获取应用程序 Router 实例。