Ionic 2 Conference app & Angular translate expression

miahs · February 21, 2017, 11:24am

In the app.component of the Ionic 2 Conference app I am trying to apply a language switch for the sidemenu links.

gist.github.com

https://gist.github.com/bluewavestudio/bd8d9f1d3e104fb21c29aed2d22b1b02

app.component.ts

import { Component, ViewChild } from '@angular/core';
import { Events, MenuController, Nav, Platform } from 'ionic-angular';
import { StatusBar, Splashscreen } from 'ionic-native';
import { Storage } from '@ionic/storage';

import { AboutPage } from '../pages/about/about';
import { AccountPage } from '../pages/account/account';
import { LoginPage } from '../pages/login/login';
import { MapPage } from '../pages/map/map';
import { SignupPage } from '../pages/signup/signup';

This file has been truncated. show original

As you will see in this code, from line 44 the titles are already contained in {{}} expressions, and I can’t seem to find away to apply the angularTranslate:

as they are already included in expressions. I need a workaround for this, can someone give me the solution? You will see in line 23 that the:

title: string;

Would changes need to made here too, and how? Thanks in advance.