2015-12-22 1 views
1

Est-ce que quelqu'un a un exemple de travail du tube Traduire pour Ionic 2?En utilisant Traduire tuyau dans Ionic 2?

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

Selon http://ionicframework.com/docs/v2/utils/translation/ la syntaxe du modèle doit être:

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

Pour moi, ce résultat dans l'erreur JS suivant:

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

Avez-vous importé le tuyau dans votre composant? Et placez-le dans le réseau de tuyaux du décorateur *** @ Component ***? – Romain

Répondre

3

Importation et insérez TranslatePipe dans votre @Page comme si :

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

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

Voir: http://www.joshmorony.com/how-to-use-pipes-to-manipulate-data-in-ionic-2/

+0

La page, ou devrais-je dire Le décorateur de composants ne prend plus les tuyaux comme argument. Des idées où faire cela? Les documents Ionic 2 officiels n'ont rien à ce sujet ... –

+0

Cela a changé avec Ionic 2 RC 0. Importez-les dans le 'app.module.ts' et ajoutez-les à' declarations: [] 'et supprimez-le complètement de les autres composants. – tyftler

+0

Oui, je l'ai compris après avoir cherché sur Google pendant un moment. Ma configuration est un peu différente en ce que j'ai un 'page.module.ts' et un' component.module.ts' pour tout décomposer dans leur propre '@ NgModule'. Je devais le déclarer dans ma 'component.module.ts', puis' l'exporter' ainsi que 'declaration'. Devrait mettre à jour votre réponse acceptée pour le futur. –