angular - 如何在角度插值标记中使用字符串函数

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 链接

标签： angular

Answer 1

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

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

然后你可以在模板中使用这个引用

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