title: ionic2 apply ngx-translate for menu items
body: <p>I am using ngx-translate for multi language support and it is working fine. but i want to apply for menu items also. How do i achieve this. </p>
  
  <p>I have 3 menu items, i want to change the language for every title.</p>
  
  <h2>ts file</h2>
  
  <pre><code>appPages: PageObj[] = [
      { title: 'Profile', component: ProfilePage, icon: 'person' },
      { title: 'My Account', component: MyaccountPage, index: 1, icon: 'cash' },    
      { title: 'FAQ', component: FaqPage, index: 3, icon: 'chatbubbles' }    
    ];
  </code></pre>
  
  <h2>HTML</h2>
  
  <pre><code> &lt;button ion-item menuClose *ngFor="let p of appPages" (click)="openPage(p)"&gt;
      &lt;ion-icon item-left [name]="p.icon"&gt;&lt;/ion-icon&gt;
       {{p.title}}
   &lt;/button&gt;
  </code></pre>
  
  <h2>And my module.ts</h2>
  
  <pre><code>import {NgModule} from '@angular/core';
  import {BrowserModule} from '@angular/platform-browser';
  import {HttpClientModule, HttpClient} from '@angular/common/http';
  import {TranslateModule, TranslateLoader} from '@ngx-translate/core';
  import {TranslateHttpLoader} from '@ngx-translate/http-loader';
  import {AppComponent} from './app';
  
  // AoT requires an exported function for factories
  export function HttpLoaderFactory(http: HttpClient) {
      return new TranslateHttpLoader(http);
  }
  
  @NgModule({
      imports: [
          BrowserModule,
          HttpClientModule,
          TranslateModule.forRoot({
              loader: {
                  provide: TranslateLoader,
                  useFactory: HttpLoaderFactory,
                  deps: [HttpClient]
              }
          })
      ],
      bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>