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

Question

我将 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 的一个概念。 :)

Answer 1

那是因为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>