在@App 中使用管道不起作用 - ionic 2答案

【问题标题】：Using pipe in @App doesn't work - ionic 2在@App 中使用管道不起作用 - ionic 2
【发布时间】：2016-06-02 02:15:22
【问题描述】：

我正在尝试在 ionic2 中使用管道进行翻译。在@Page 中使用它时，它按预期工作，但一旦尝试使用直接在@App 中添加的管道，它就不会。 @App 不支持“管道”属性吗？

@App({
  templateUrl: 'build/app.html',
  pipes: [TranslatePipe]  
})

app.html 的一部分

<ion-menu id="leftMenu" [content]="content">

  <ion-toolbar>
    <ion-title>Pages</ion-title>
  </ion-toolbar>

  <ion-content>
    <ion-list>
      <button ion-item *ngFor="#p of pages" (click)="openPage(p)">
        {{ p.title | translate }}
      </button>
    </ion-list>
  </ion-content>

</ion-menu>

完整的例子可以在 github 上找到 -> https://github.com/cyrillzadra/MyIonic2ProjectTranslateIssue

感谢您的帮助。西里尔

【问题讨论】：

根据文档支持它。 ionicframework.com/docs/v2/api/decorators/App 。你正在经历什么行为？有什么错误吗？
全部 {{ 'key' |应用模板中的翻译 }} 显示为空。在页面模板中使用相同的它可以工作。 javascript 控制台中没有错误。
它对我有用——在克隆 repo 后，修复一些构建问题（即使用 ionic 2 beta.1 和 angular 2 beta.6 并修复一个打字问题）然后我可以更改 test: 'Hello' 和可以在左侧菜单中看到更改。

标签： typescript ionic2

【解决方案1】：

也许这会有所帮助

{{p.title | translate:''}}

包含 TranslationService 和 TranslationPipe 的存储库 https://github.com/philipphalder/ionic2-rc3-NG2-Translate

【讨论】：