title: Localisation and JSON in Angular
body: <p>I have a JSON database, sample provided below:</p>
  
  <pre><code>{
    "users" : {
      "-Kowtg5yyK-DTIz91cQ8" : {
        "language" : "en",
        "uid" : "kNyDJnktxyakL6owhGd1rruGACb2",
        "userName" : "admin"
      }
    },
    "localisation" : {
      "login" : {
        "en" : "Login",
        "ru" : "Войти",
        "uk" : "Увійти"
      },
      "logout" : {
        "en" : "Logout",
        "ru" : "Выйти",
        "uk" : "Вийти"
      }
    }
  }
  </code></pre>
  
  <p>I am writing an Angular4 app. The database is in Firebase. To access it I used angularfire2:</p>
  
  <pre><code>export class AppComponent {
    localisation: FirebaseListObservable&lt;any[]&gt;;
    userProfile : FirebaseListObservable&lt;any[]&gt;;
  
    constructor(db: AngularFireDatabase, public afAuth: AngularFireAuth) {
      userProfile = db.list('/users/')
      this.localisation = db.list('/localisation/');
    }
  }
  </code></pre>
  
  <p>1) Is it a good idea to use the localisation like this or is there a better way?</p>
  
  <hr>
  
  <p>2) How can I access only for example login in en? I tried in *.html</p>
  
  <pre><code>{{ (localisation | async).login.en }}
  </code></pre>
  
  <p>I only manage to get en by iterating  with *ngFor</p>
  
  <pre><code>  &lt;md-list-item *ngFor="let lang of localisation | async"&gt;
      {{ lang.en }}
    &lt;/md-list-item&gt;
  </code></pre>
  
  <p>but I know that this is very unpractical and especially if I add "if" for every language. Is it another way to applying language settings?</p>