使用异步管道，angular2无法正常工作

Question

每当我使用异步管道时，我都会遇到控制台错误。

   <component *ngFor="#c of columns | async" [column]="c"></component>

我收到此控制台错误：

EXCEPTION：[columns |中的管道'AsyncPipe'的参数'[object Object]'无效 在Projects @ 1：51中的异步] browser_adapter.js：76 EXCEPTION：[columns |'|'|'| | | | | | | | | Projects @ 1:51中的异步]

有什么遗失的吗？

Answer 1

columns属性必须是observable或promise（不是数组或其他东西。请参阅Angular2（ AsyncPipe类）源代码中的这一行： https ： //github.com/angular/angular/blob/master/modules /angular2/src/common/pipes/async_pipe.ts#L109 。

例如，在HTTP调用的情况下，您需要直接使用返回的observable设置columns属性。 async将负责处理它，即调用它的subscribe方法，处理它。 这是一个示例：

this.columns = 
   this.http.get('https://angular2.apispark.net/v1/companies/', {
     headers: headers
   }).map(res => res.json());

而不是从您自己管理的订阅方法设置`columns属性：

this.http.get('https://angular2.apispark.net/v1/companies/', {
  headers: headers
})
.map(res => res.json())
.subscribe(data => this.columns = data);

希望它对你有帮助，蒂埃里