在Ionic 2中使用Translate管道？

Question

有没有人有Ionic 2翻译管的工作示例？

console.log("trans: "+this.trans.translate('Location')); // works fine in code

根据http://ionicframework.com/docs/v2/utils/translation/，模板语法应为：

<h2>{{'My example key' | translate}}</h2>

对我来说，这导致以下JS错误：

EXCEPTION: Cannot find pipe 'translate'. in [null]BrowserDomAdapter.logError @ app.bundle.js:36432

Answer 1

在@Page中导入并插入TranslatePipe，如下所示：

import {Page, TranslatePipe} from 'ionic/ionic';

@Page({
  templateUrl: 'build/pages/home/home.html',
  pipes: [TranslatePipe]
})

请参阅：http://www.joshmorony.com/how-to-use-pipes-to-manipulate-data-in-ionic-2/