angular - 如何在 Angular Interpolation Tag 中使用字符串函数

标签 angular

如何在Html Angular 插值标签中使用字符串函数

在组件文件中 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

最佳答案

您可以在组件中创建 String 对象的引用,如:

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

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

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

关于angular - 如何在 Angular Interpolation Tag 中使用字符串函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54018121/

相关文章:

angular - 如何在所有路由上应用canActivate guard?

html - 带有 ngClass 的 Angular 2 枚举

css - 仅在产品模式下使用 css 和 URL 背景图像进行 Angular 缩小

angular - 使用 angular 5 分析 asp.net core 2 (web api)

javascript - 聚合组多个_id和访问权限

html - 在“编辑”按钮上单击我在 Angular 6 应用程序中获得 DOB 字段的重复文本框

ng 构建后, Angular cli 重复 block 名称

javascript - Angular 6 : xyz. service.ts 运行客户端还是服务器端?暴露 API-URL/DB 密码?

javascript - 如何交换json

angular - 动态路由已添加到路由器但不起作用