2015-12-22 2 views
1

У кого-нибудь есть рабочий пример трубка «Перевод» для Ionic 2?Использование переводной трубки в 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 
+0

Вы импортировали трубку в свой компонент? И установите его в массив труб из *** *** Component *** decorator? – Romain

ответ

3

Импорт и вставить TranslatePipe в вашем @Page как так :

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/

+0

Страница, или я должен сказать, что компонентный декоратор больше не принимает труб в качестве аргумента. Есть идеи, где это сделать? Официальные документы Ionic 2 не имеют ничего об этом ... –

+0

Это изменилось с помощью Ionic 2 RC 0. Импортируйте их в 'app.module.ts' и добавьте их в' declarations: [] 'и полностью удалите его из другие компоненты. – tyftler

+0

Да, я понял это после поиска в Интернете. Моя настройка немного отличается тем, что у меня есть 'page.module.ts' и' component.module.ts', а также разбивать все на свой собственный '@ NgModule'. Я должен был объявить его в моем 'component.module.ts', затем' export', а также 'declare'. Необходимо обновить принятый ответ на будущее. –