kutanov

app.directive("tree", ['ItemsService', function($compile) {
	return {
		restrict: "E",
		scope: {
			itemName: '='
		},
		controller: function($scope, ItemsService) {
		      var items = ItemsService[$scope.itemName].query();
		}
		}

kutanov

  import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
  import { SplashScreen } from '@ionic-native/splash-screen/ngx';
  import { StatusBar } from '@ionic-native/status-bar/ngx';
  import { IonicModule } from '@ionic/angular';
  import { IonicStorageModule } from '@ionic/storage';

  import { AppRoutingModule } from './app-routing.module';
  import { AppComponent } from './app.component';

kutanov

   <ion-header>
      <ion-toolbar>
          <ion-title>{{ 'Menu' | translate }}</ion-title>
      </ion-toolbar>
   </ion-header>

kutanov

{
  "Menu": "Меню",
  "About": "О программе"
}

kutanov

{
  "Menu": "Menu",
  "About": "About"
}

kutanov

  constructor(
    ...,
    private translate: TranslateService
  ) {
    this.initializeApp();
  }  
  
  initializeApp() {
    this.platform.ready().then(() => {
      ...

kutanov

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { IonicModule } from '@ionic/angular';

import { AboutPage } from './about';
import { PopoverPage } from '../about-popover/about-popover';
import { AboutPageRoutingModule } from './about-routing.module';
import { TranslateModule } from '@ngx-translate/core';

kutanov

  <ion-list>
    <ion-item>
      <ion-label>
        Dark Theme
      </ion-label>
      <ion-toggle [(ngModel)]="dark"></ion-toggle>
    </ion-item>
  </ion-list>

kutanov

    changeLanguage() {
      this.translate.use(this.lang);
    }

kutanov

<ion-title> {{ "About" | translate }}</ion-title>