类型“ void”不可分配给类型“ User []”

Question

我无法理解此错误，为什么它不允许我将数据发布到用户数组，以便可以从html访问它？

这是组件

export class Service1Component implements OnInit {

  selectedUser: User;
  users: Array<User>;

 constructor(private _userService: UserService) { }

 ngOnInit() {
   this._userService.getUsers()
   .subscribe(resUserData => {
     this.users = resUserData
   });
 }

 onSelectUser(user:any){
   this.selectedUser = user;
 }
}

这是我要订阅的服务

export class UserService {

 private _getUrl = '/api/users'

 constructor(private _http: Http) { }

 getUsers(){
   return this._http.get(this._getUrl)
   .map((response: Response) => {
     response.json();
   })
 }
}

Answer 1

您错过了从函数中返回的功能，而该函数在您的组件中被视为void 。

getUsers(){
   return this._http.get(this._getUrl)
   .map((response: Response) => {
    return response.json();   // add return statement
   })
}

Answer 2

只需初始化您的用户

users : User[] = [];

编辑

编辑完问题后，我发现您错过了返回服务的答复

 return this._http.get(this._getUrl)
   .map((response: Response) => {
     return response.json();
 })

Answer 3

您的get answers方法不会返回任何内容，因为map函数不会返回。 您甚至不需要map函数，因为' HttpClient是自动完成的。 尝试这个

getUsers() { 
  return this._http.get(this._getUrl);
}

Answer 4

如果箭头函数返回单个值，则无需使用return语句

getUsers(){
   return this._http.get(this._getUrl)
   .map((response: Response) => response.json())
 }

如果使用HttpClient，则不需要.map((response: Response) => response.json())它会在内部自动调用response.json（）。

Answer 5

您应该将订阅范围划分为一个块：

.subscribe(resUserData => {
    this.users = resUserData;
});