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

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

Answer 1

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

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

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

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