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

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 is not a function

我已经用谷歌搜索了这个错误，但找不到任何解决这个问题的方法。

Answer 1

看起来你的函数超出了你的类范围，这是我尝试你的代码时出现的。

您必须将它移到您的“MyApp”类中。并尝试定义一个名为“AppPage”的类并将您的函数放入其中。

希望对你有帮助