Javascript 在html中使用angular在字符串和数字之间执行一些基本的算术

我知道一定有一个简单的解决办法，我想不出来

我有一个包含以下两个值的对象数组：

team.seed: number,
team.placement: string

team.placement

将是一个简单的字符串，如7，表示团队获得第7名。它也可以是类似于

10T

，这意味着它们并列在

10位

我正在创建一个表格，该表格应打印出初始种子和最终位置之间的所有差异：

<tr *ngFor='let team of team_array'>
    <td>{{team.placement - team.seed}}</td>
</tr>


{{team.placement-team.seed}

如果placement没有尾随的T，但如果有，则打印一个
NaN
值，则此操作正常。如何处理放置，以便在每种情况下都能得到一个数值？
您可以将team.placement解析为number first，

试试看

paresInt（team.placement）
您可以首先将team.placement解析为数字，

试试看

paresInt（team.placement）
您也可以使用
+
，比如
{{+team.placement-team.seed}
parseInt（team.placement）可以工作，但是我也希望保留字符串值，因为我在代码中的其他地方使用了完整的字符串。我希望有一种方法可以调用一个函数，该函数可以为创建的每个对象运行。类似于{{value-team.seed}的东西，创建一个自定义管道怎么样？请参阅或在组件中声明成员parseInt=window.parseInt。然后你可以在你的模板中使用{{parseInt（team.placement）-team.seed}}你也可以使用
+
，比如
{+team.placement-team.seed}}
parseInt（team.placement）可以工作，但是我想保留字符串值，当我在代码中的其他地方使用完整字符串时，我希望有一种方法可以调用一个函数，该函数可以为所创建的每个对象运行。类似于{{value-team.seed}的东西，创建一个自定义管道怎么样？请参阅或在组件中声明成员parseInt=window.parseInt。然后您可以在模板中使用{{parseInt（team.placement）-team.seed}}