javascript - Angular - 取决于变量值的条件名称

Question

我的 Typescript 文件中有两个全局变量：

private myVar1 = 10;
private myVar2 = 150;

我有一个自定义元素，它在 html 中可以采用[name]属性。例如，这是我元素上的条件名称的样子：

<custom-element [name]="myVar1 === 10 ? 'tempName' : 'someOtherTempName'"></custom-element>

在上述情况下，名称将是tempName，因为 myVar1 是 10。到目前为止一切顺利。

现在我的问题是：我如何引用myVar1或myVar2何时数字（1 或 2）来自另一个变量？

我尝试了以下但没有奏效：

<custom-element [name]="('myVar'+index) === 10 ? 'tempName' : 'someOtherTempName'"></custom-element>

标签： javascripthtmlangulartypescriptconditional

Answer 1

只需使用带有数组表示法的函数。

getVar(index: number) {
  return this['myVar' + index];
}

<custom-element [name]="getVar(index) === 10 ? 'tempName' : 'someOtherTempName'"></custom-element>

堆栈闪电战