Как перевести с pipe возврат цикла * ngFor в Ionic / Angular - PullRequest
0 голосов
/ 23 сентября 2018

Я новичок в Ionic / Angular и поэтому прошу вашей помощи.До сих пор мне удавалось заставить перевод и ngFor нормально работать в моем скрипте, но я хотел бы смешать его в боковом меню моего приложения, чтобы оно автоматически переводилось.

Вот мое меню внутри app.html работает нормально: в нем перечислены все страницы в app.components.ts

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

Вот что я пытаюсь сделать: (функция перевода работает нормально, когда я используютакие строки, как "menu_title_1")

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

Вот мой app.components.ts :

import { Platform, MenuController, NavController, Nav } from 'ionic-angular'; 
import { HomePage } from '../pages/home/home';
import { SingleTechniquePage } from '../pages/single-technique/single-technique';
import { AboutPage } from '../pages/about/about';
import { HelloIonicPage } from '../pages/hello-ionic/hello-ionic';
import { ListPage } from '../pages/list/list';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { TranslateService, TranslateModule } from '@ngx-translate/core';

(...)

this.pages = [
      { title: 'menu_singletechnique', component: SingleTechniquePage },
      { title: 'menu_helloionic', component: HelloIonicPage },
      { title: 'menu_firstlist', component: ListPage },
      { title: 'menu_about', component: AboutPage }

    ];
  }

 (...)

  openPage(page) {
    // close the menu when clicking a link from the menu
    this.menu.close();
    // navigate to the new page if it is not the current page
    this.nav.setRoot(page.component);
  }

Еще раз, все работает нормально, пока я не попробуюпереведите содержимое цикла.

Большое спасибо заранее!

1 Ответ

0 голосов
/ 23 сентября 2018

Вы двое заставляете это выглядеть так просто, что я теперь чувствую себя глупо ...!

Мне нужно было только заменить в app.html :

{{ {{p.title}} | translate }}

{{ p.title | translate }}

Спасибо, что так быстро ответили на такой простой вопрос.

...