Angular 角度6中的值不会自动更新？

我有一个下拉列表，其中包含从DB获取的值。值在组件中被订阅。 但是，在DB中添加新的选择选项时，下拉列表值不会自动更新

component.html

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

服务

showMenus（）{
this.ctrURL=API_URL+“菜单”；
var localStore=JSON.parse（localStorage.getItem（'currentUser'）；
headers.append（“授权”、“承载”+localStore.token）；
返回this.http.get（this.ctrURL，，{headers:headers}）
.pipe（映射（数据=>{return data.json（）；}））；
}

您可以使用计时器更新数据

component.ts

import { timer } from 'rxjs';

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

---

这将导致每5秒钟更新一次选项列表。

为了使浏览器在向数据库添加数据时自动更新，您需要使用WebSocket。没有它，您无法自动更新数据。如果您想尝试，firebase等BAA提供内置WebSocket。