在Aurelia视图中访问导入类型的静态成员

时间:2016-08-19 13:02:57

标签: typescript aurelia

我正在使用 Aurelia TypeScript

我有一个带有静态变量的简单类型,如下所示:

export class MyModule {
    static foo = false;
}

我有一个类似以下的Aurelia视图模型:

import {MyModule} from 'my-module';

export class MyViewModel{
    constructor() {
       MyModule.foo = true;
       console.log(MyModule.foo); // Outputs true
    }
}

我想在我的视图中访问此静态成员,如下所示:

<p if.bind="MyModule.foo">
   This is displayed since foo is true.
</p>

但是,在视图中,似乎我无法获取在视图模型中导入的类型的静态成员。

我必须误解(至少)Aurelia的一个概念。 :)

1 个答案:

答案 0 :(得分:2)

那是因为MyModule不是你班级的成员。

试试这个:

import {MyModule} from 'my-module';

export class MyViewModel{
    constructor() {
       this.myModule = MyModule;
       this.myModule.foo = true;
    }
}

然后

<p if.bind="myModule.foo">
   This is displayed since foo is true.
</p>