Angular 实时更新和视图渲染

我有一个数据服务与我的服务器通信

export class DataService {
  constructor(private http: Http) { }

  getUsers():Observable<Users>{


    return this.http.get(myurl).map(this.extractData);

 }
extractData(res:Response){

    return res.json();
  }
}

变量

this.user

是表的输入。 当我在看到空表之前和之后启动组件时，当加载数据时，我会看到包含所有用户的表。当数据准备就绪时，如何查看组件

当我在服务器上插入新用户时，我在表中看不到它，我需要刷新页面。 插入后，如何（实时）在表上显示新用户，而不刷新页面

多谢各位

当数据准备就绪时，如何查看组件

您需要将此数据检索逻辑移动到解析器中，组件应该从中获取数据

插入后，如何（实时）在表上显示新数据而不刷新页面

---

您应该在组件内部的insert上初始化数据检索逻辑，并用新数据更新对“users”变量的引用。

您始终可以将

初始化。users

为null。然后在标记中，您可以执行以下操作：

<div *ngIf="users">
   <!-- Your content here -->
</div>

---

当用户变为非空时，Angular将开始渲染带有

*ngIf

标记的

div

。这是因为在JS

null

中是错误的。如果这看起来很愚蠢，您可以在订阅中设置一个布尔标志，您可以在

*ngIf

块（

*ngIf=“myFlag”

）中引用该标志。

请澄清您的具体问题或添加其他详细信息，以突出显示您需要的内容。正如目前所写的，很难准确地说出你在问什么。请参阅“如何询问”页面以获得帮助，以澄清此问题。我添加了一个新的解释

<div *ngIf="users">
   <!-- Your content here -->
</div>