我正在使用 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的一个概念。 :)
答案 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>