title: how I can translate an object in angular using @ngx-translate
body: <p>I have an object in two languages: Spanish and English I can translate the object 1 time, by default it is in English, I can traslate to Spanish from English but later I can not translate again in English etc....</p>
  <p>room.component.html</p>
  <pre><code>&lt;ul class=&quot;navbar-nav  navbar-right&quot;&gt;
                  &lt;span class=&quot;form-inline&quot;&gt;
                      &lt;select 
                          class=&quot;form-control&quot; 
                          #selectedLang 
                          (change)=&quot;switchLang(selectedLang.value)&quot;&gt;
                        &lt;option *ngFor=&quot;let language of translate.getLangs()&quot; 
                          [value]=&quot;language&quot;
                          [selected]=&quot;language === translate.currentLang&quot;&gt;
                          {{ language }}
                        &lt;/option&gt;
                      &lt;/select&gt;
                    &lt;/span&gt;
  
              &lt;/ul&gt;
  
        &lt;div *ngIf=&quot;translateEn == true; then thenBlock else elseBlock&quot;&gt;&lt;/div&gt;
  &lt;ng-template #thenBlock&gt;     &lt;h4&gt;{{ room.titleEs }}&lt;/h4&gt;&lt;/ng-template&gt;
  &lt;ng-template #elseBlock&gt; &lt;h4&gt;{{ room.title }}&lt;/h4&gt;&lt;/ng-template&gt;
  </code></pre>
  <p>room.component.ts</p>
  <pre><code> switchLang(language: string) {
      this.translate.use(language);
     // this.cdRef.markForCheck();
    //  this.cdRef.detectChanges();
      if(this.translate.use('en'))
      {
        this.translateEn = true;
      }
      else if(this.translate.use('es'))
      {
        this.translateEn = false;
      }
  
   translate.addLangs(['en', 'es']);
      translate.setDefaultLang('en');
  
    public translateEn:boolean;
  </code></pre>
  <p>I have to detect the change in the select {{ language }} I tried with onChanges but doesnt works and aswell with ChangeDetectorRef....</p>