Angular 6订阅更改“此”上下文

时间:2018-07-29 15:34:53

标签: angular service angular6

我让服务恢复到角度5,现在​​更新到角度6似乎需要一些调整,我发现的每个教程或视频都标记为角度6,但无论如何都使用角度5或以前的版本,在这里是我的代码:

服务

@Injectable()
export class UserService {

  constructor(private http: HttpClient) { }

  getUsers() {
    return this.http
      .get(environment.server.url + 'users');
  };

  addUser(user: User) {
    return this.http
      .post(environment.server.url + 'users/', user);
  };
}

组件

ngOnInit() {
   this.userService.getUsers().subscribe(res => {
     this.users = res;
   });
 };

在调试时,我从服务器获得了所需的响应,其中包含一系列用户,但失败的是 this.users = res ,它绑定到 SafeSubscriber ,而不是到带有用户对象的正确对象。

使用粗箭头,将安全订阅者绑定到“ this” enter image description here

1 个答案:

答案 0 :(得分:0)

使用Visual Studio代码调试器似乎是一个错误,当使用chrome控制台时,它可以正确显示。