Question

我是Angular2和Rx的新手。

我的目的是让用户从Git hub获取并显示登录名。（当我在线阅读RxJs时，我得到了片段）我想用Angular 2实现它。

export class AppComponent implements OnInit{

  private listEmpty : boolean;
  private userList : any;
  constructor(){

  }

  ngOnInit(){
      this.listEmpty = true;
      this.userList = [];

      var reqStream = Rx.Observable.just('https://api.github.com/users');
      var responseStream = reqStream.flatMap(function(reqUrl){
        return Rx.Observable.fromPromise($.getJSON(reqUrl));
      });

      responseStream.subscribe((res)=>{
         this.userList = res;
         this.listEmpty = false;
      });

  }  
}

我的模板看起来像这样：

<div *ngIf="listEmpty">List empty</div>
<div *ngFor="let u of userList">
        <span>{{u.login}}</span>
</div>

问题：在摘录中：

responseStream.subscribe((res)=>{
             this.userList = res;
             this.listEmpty = false;
          });

当我在chrome console中调试时，在'res'变量中找到数据 'subscribe'函数体正在执行。但这些变化并没有反映在视野中。

如果我错过了什么，请告诉我。

Answer 1

使用角度服务通过http获取数据。点击此处： - Service

带有Angular2 Bindings的RxJs没有得到更新

1 个答案: