角条件名称取决于变量值

Question

我的类型记录文件中有两个全局变量：

private myVar1 = 10;
private myVar2 = 150;

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

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

在上面的例子中，名称将是tempName，因为myVar1是10岁。到目前为止还不错。

现在我的问题是:当数字(1或2)来自另一个变量时，我如何引用myVar1或myVar2？

我尝试了以下几种方法，但都没有用：

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

Answer 1

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

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

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

斯塔克布利茨

Answer 2

您可以通过将这两个元素收集到数组(或字典或任何集合)中，并使用index检索它们。

例如，添加此词典

let vars = {1:var1, 2:var2}

然后把它和

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