Angular 如何在{{}}中使用函数

当我试图在

{{}

中使用函数

t（'Apple'）

时，我得到了错误

\u co.t不是函数

但是当我在

console.log（）中使用时它工作吗

我的问题是如何在
{{}上使用函数

 t (word: string) {
  return Translate['fr'][word];
}

{{t（'Apple'）}}

我从另一个文件（接口）导入我的函数

这是接口文件

import Translate from './translate';

function t (word: string) {
  return Translate['ar'][word];
}

export default t;

您应该具有如下功能，不带关键字
function

 t (word: string) {
  return Translate['fr'][word];
}

您的控制器中应该有一个方法（component.ts或ts文件，如果有的话）。函数必须返回某些内容

以下是一个例子：

myFunction(value: any): any {
  // do something
  return value;
}

在模板中：

<p>{{ myFunction('Hello World!') }}</p>

{{myFunction（'Hello World！'）}


是爱奥尼亚的一个工作示例。转到pages->home.ts
模板绑定表达式的作用域是components类的实例。
你不能引用那个范围之外的任何东西

如果你想这样做，你可以使用

t (word: string) {
  return Translate['fr'][word];
}

<div>{{ t2('Apple') }}</div>

然后你可以用

t (word: string) {
  return Translate['fr'][word];
}

<div>{{ t2('Apple') }}</div>

{{t（'Apple'）}

或者，如果您想在不同的组件中重用代码，请将函数移动到可注入服务中

另请参见
您不应该在to{{}中使用函数，如果您想转换它，请使用管道或i18n

管道：

i18n:
显示您的函数您必须在控制器上定义一个名为t的方法。您的控制器是否与html集成？
<div>{{ t('Apple') }}</div>