Angular 2 Pipe不会将数据返回到* ngFor

Question

你好我很困惑为什么会这样，但我有一个Angular2股票市场应用程序，我试图通过管道过滤我的符号，以返回价格数据的对象..这是问题：我可以看到我在console.log时正确获取数据，但由于某些原因我无法将其传递到我的* ngFor方法...感谢任何支持！

StockDataFiler.ts

  transform(value, args) {
    this.markit.getPriceInfo(value).subscribe(
      data => {
        value = data;
        return value;
        //NOTE: console.log(value) shows the data in my console 
      },
      err => {
          console.log(err);
      },
      () => console.log('Stock Fetch Complete')
    );
  }

home.html的

  <div *ngFor="let stock of watchlist | async">
    <div *ngFor="let data of stock.symbol | StockDataFilter">
      <h1>{{data}}</h1>
    </div>
  </div>