如何在Angular Interpolation标签中使用字符串功能

Question

如何在HTML角度插值标签中使用字符串函数

在组件文件somevalues = [1,2,3,4,5]

中

HTML文件：

<div *ngFor="let x of somevalues; let i = index">
  {{x}} - {{i}}
  <!-- {{ String.fromCharCode(65 + i) }} -->
</div>

我想要这样的结果：

1 - 0 A
2 - 1 B
3 - 2 C
4 - 3 D
5 - 4 E

Stackblitz Link

Answer 1

您可以在组件中创建String对象的引用，例如：

export class AppComponent  {
 name = 'Angular';
 somevalues = [1,2,3,4,5]
 stringRef = String;
}

然后您可以在模板中使用此引用

{{ stringRef.fromCharCode('A'.charCodeAt(0)+i) }}

Answer 2

如果您不想使用String中的大多数功能，只需在组件类中创建一个功能：

getFromCharCode(index) {
  return String.fromCharCode('A'.charCodeAt(0) + index);
}

并从您的模板中调用它：

<div *ngFor="let x of somevalues; let i = index">
  {{x}} - {{i}}
  {{ getFromCharCode(i) }}
</div>

  

这是您推荐的Working Sample StackBlitz。