我可以在角花括号内使用功能吗？

Question

我有students.component.html

<div *ngfor=“let student of students”
<p> {{ student.phoneNum }} </p>

显示：+12345678980 学生对象来自students.component.ts 我想将其显示为（234）567-8980

我如何在{{}}中格式化它？我可以使用{{formatNum（student.phoneNum）}}吗？请提出执行此操作的最佳方法。

Answer 1

尝试使用管道，请参见Angular2 {pipes} - How to format a phone number?

还可以通过以下调用函数来处理它：

<p [innerHtml]=formatNum(student.phoneNum)></p>