類型“ 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;
});