如何在 html 的另一個組件中使用導出的 function？ ANgular？

Question

我已將 function 導出到單獨的文件中

export function sum(population): string {
    return population.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
}

我在我的組件中導入這個 function：

import { sum } from  '../../shared/utilities/globalFunction'

以及如何在 html 中使用這個總和？

當我設置

<p> {{ sum(variable-with-data) }}

沒有工作...

Answer 1

在 html 中只能在 ts 中使用“變量”公共，所以你需要聲明一個“變量”（*）並使用一些類似

//in .ts
mysum=sum

//in .html
{{mysum(variable-with-data)}}

就像另一個一樣，你不能使用 Math in.html 但你可以使用

//in .ts
myMath=Math

//in .html
{{myMat.cos(3.4)}}

(*) 我說變量，但可以是 class、object 和 function...