1

我想在我的视图模板中使用静态类常量

Javascript

class FilterModel {
  static const FILTER_TYPE_STRING() {
    return 'string';
  }
}

HTML

<div show.bind="selectedFacet.type===FilterModel.FILTER_TYPE_STRING">
</div>
4

1 回答 1

3

简短的回答：绑定语言不支持。

我之前遇到过这个问题，但没有找到好的解决方法。在这种情况下，我通常定义一个常量，该类将在构造函数中设置值并添加注释以显示它应该是静态的。

const _filterTypeString: string = 'string';

export class FilterModel {
    /*static*/ filterTypeString: string = _filterTypeString;
}

更长的答案：JavaScript 中的静态成员被直接转译到类中，而不是原型中，因此实例没有对它的引用。区别在于：

class MyClass {
    instanceMember: number = 256
    static staticMember: number = 1024;
}

//referencing them:
MyClass.prototype.instanceMember
MyClass.staticMember

每次创建对象实例时，它都会创建原型的副本，因此与原型this具有相同的值。这也是 Aurelia 所做的，在创建视图模型时创建一个实例。

在视图模板中，您只能访问从原型继承的该对象的成员。由于静态方法不是该对象的成员，因此您无法访问它。当然，您可能会创建一个参考，但我发现这种解决方法比上面的解决方法更烦人。使用代码示例：

export class FilterModel {
    static filterTypeString: string = 'string';
    refToFilterTypeString = FilterModel.filterTypeString;
}

HTML：

<div show.bind="selectedFacet.type === refToFilterTypeString">
</div>
于 2017-06-07T08:59:19.153 回答