如何在angular7中的html模板中实现订阅

Question

getEmployee()是我的服务页面中的一种方法，现在我希望使用HTML模板在我的组件中没有订阅showEmployee()方法的员工列表。

 showEmployee(){
        this.employeeModel= this._empService.getEmployee();
  }

Answer 1

employeeModel : Observable<any>

或“如果作为列表”

employeeModel : Observable<any[]>=[];


showEmployee(){
        this.employeeModel= this._empService.getEmployee();
  }

在HTML中（如果您具有然后的列表类型）

 <div *ngFor="let data as employeeModel | async">

    .... code for show data Like  {{data.property Name }}

    </div>

如果它是一个对象

<div> {{employeeModel | async}}</div>

Answer 2

您需要html元素中的管道：

<p *ngFor="let data as employeeModel | async">
    <span> {{data.empName}}</span>
</p>