角度数据未加载

Question

当我从服务中获取数据时，Angular 也进入了“第一”的位置。但是，没有点击页面上的任何按钮，并没有进入我写“秒”的地方。

 GetAllVessels(){ 
      alert('first');
   this.AllVessels=this.http.get<Vessel[]>(this.baseUrl+'Vessel/GetAllVessels',httpOptions).pipe(
   map((result: Vessel[]) => {
     console.log(result);
     alert('second');
   return result;
   })
   ); 

Answer 1

1. 订阅http.get()在其上调用.subscribe()返回的observable
2. 在.subscribe() 方法中将响应分配给this.AllVessels
3. 不要存储http.get() 的返回值，除非你真的打算存储订阅引用

试试这个 -

GetAllVessels() {
        alert('first');
        this.http.get<Vessel[]>(this.baseUrl + 'Vessel/GetAllVessels', httpOptions)
            .pipe(
                map((result: Vessel[]) => {
                    console.log(result);
                    alert('second');
                    return result;
                }))
            .subscribe(
                p => this.AllVessels = p,
                e => console.log(e)
            );
    }

实际上可以清理到这个-

GetAllVessels() {
        this.http.get<Vessel[]>(this.baseUrl + 'Vessel/GetAllVessels', httpOptions)
            .subscribe(
                p => this.AllVessels = p,
                e => console.log(e)
            );
    }