路由数据传递到Angular组件的设置不正确

时间:2018-07-20 09:14:54

标签: javascript angular typescript logic

我正在开发一个有角度的应用程序。为了清楚起见,我将使用小的代码段来演示该问题。

我的组件

export class MyComponent extends BaseComponent {
    isuserActive = false;
    ...
}

基本组件

 export class BaseComponent {
    ...
    constructor() {
        this.route.data.subscribe((values: Object = {}) => {
            this['isuserActive'] = values['isuserActive'];
            ...
        });
    ...
    }
}

路线

... data { isuserActive: true, ...

但是最后,当我检查MyComponent时,其isuserActive为false,这是错误的。 但是当我的组件如下时,它工作正常(isuserActive为true) (我不喜欢)

我的组件

export class MyComponent extends BaseComponent {
    isuserActive; // no initial value (I don't prefer this way)
}

那么我该如何解决。

0 个答案:

没有答案