Значения не обновляются автоматически в угловых 6?

Question

У меня выпадающий список со значениями, извлеченными из БД.Значения подписаны в компоненте.Однако при добавлении новых опций выбора в БД раскрывающиеся значения не обновляются автоматически.

component.html

     <select name="menu_parent"  class="form-control not_chosen">
      <option *ngFor="let menu of resultMenus" value="{{ menu.id }}">{{menu.title}}</option>
    </select>

component.ts

    ngOnInit() { 
        this.data.showMenus()
         .subscribe(data =>{
            this.resultMenus =  data.data;     
          }
      );
    }

Сервис

   showMenus(){ 
         this.ctrURL    = API_URL+"menu"; 
         var localStore =   JSON.parse(localStorage.getItem('currentUser'));

         headers.append("Authorization", "Bearer " + localStore.token);

          return this.http.get(this.ctrURL,'',{ headers: headers })
             .pipe(map(data => { return data.json(); }));
         }

Answer 1

Вы можете использовать таймер для обновления данных.

component.ts

import { timer } from 'rxjs';

ngOnInit() {
    timer(0, 5000).subscribe( t => {
        this.data.showMenus().subscribe(data => { this.resultMenus = data.data; });
    });
}

Это приведет к обновлению списка опций каждые 5 секунд.