Question

我根据本教程http://codingscripts.com/ionic-3-multi-language-app/提供翻译服务，但效果很好。但在本教程中，您可以添加按钮以更改 home.html 页面上的语言。

我希望我的按钮位于我的应用的侧边菜单中，因此这将是app.html。我将按钮添加到 app.html ，例如：

<button (click)="changeLanguage('de')">
        Translate to German
</button>
<button (click)="changeLanguage('fr')">
        Translate to French
</button>

我的 app.component.ts 如下所示：

import ......
import { TranslateService } from '@ngx-translate/core';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  ...;

  constructor(..., public translate: TranslateService) {
    ....
    });
  }

  changeLanguage(language) {
    this.translate.use(language);
  }    
}

当我启动应用程序并单击按钮时，出现此错误： TypeError：_co.changeLanguage不是函数

我已经搜索过此错误，但无法找到解决此问题的方法。

Answer 1

看起来您的功能超出了您的类范围，这就是我在尝试您的代码时出现的功能。

你必须把它移到你的＆＃34; MyApp＆＃34;类。并尝试定义一个名为＆＃34; AppPage＆＃34;的类。把你的功能放在里面。

希望这有帮助

TypeError：_co.changeLanguage不是函数（Ionic 3，Angular 4，ngx-translate）

1 个答案: