void不能分配给类型值User Angular 2(void is not assignable to type value User Angular 2)

 我使用rx / js Observable调用JSON文件。 
 
 服务 
 
constructor(private http: Http){

}

 getUserById():Observable<User[]> {

let url = this.mockData;
let header = new Headers({'Content-Type': 'application/json'});

return this.http.get(url)
    .map((res:Response) =><User[]>res.json())
    .do(data => console.log("User Data: "+JSON.stringify(data)))
    .catch((error:any) => Observable.throw(error) || "Mock Data Error get by role")
};
 
 零件： 
 
    @Input() users: User[] = [];

        userTemp: User[] = [];

getUserById(userId){

        this._searchService.getUserById()
            .filter(users => {
                for(let user of users){
                    if(user.userName === userId){
                        this.userTemp.push(user);
                    }}});

        return this.userTemp;

    }
 
 under users => {当我将鼠标悬停在它上面时(Users: Users[]) => void is not assignable) => boolean. 
 
 我知道我遗漏了一个小细节，但我不知道它在哪里。 任何建议将不胜感激。 
 
 ------------------------------ update 1 ------------------ --------现在尝试这个但是它编译但不起作用。 
 
this._searchService.getUserById()
            ._do(users => {
                for(let user of this.users){
                    if(user.id == userId){
                        this.userTemp.push(user);
                    }
                }
            });
 
 ---------------------更新2 --------------------------我从下面的帖子中获得了一些建议，现在我试图像这样做，但它没有渲染，也没有给出任何错误。 
 
 在组件中： 
 
@Input() users: IUser[] = [];
 
 在组件中调用的方法： 
 
case 'role':
          this.users = this.getUserByRole(this.role);
          console.log(this.role);
          break;
 
 组件中的方法： 
 
 getUserByRole(role){

        this._searchService.getUsers()
            .subscribe(users => {
                for(let user of users) {
                    if(user.role == role){
                        this.users.push(user);
                    }}});

        return this.users;
    }
 
 服务方式： 
 
getUsers(): Observable<IUser[]> {
        let users = this.http
            .get(this.url)
            .map(res => res.json());
        return users;
    }
 
 在控制台中，它将打印输入框中的任何内容，并确认http调用的url是有效的。 
 
 我试图这样做，所以我需要做的就是改变http网址，以便稍后有一个真正的网址，而不必改变太多。 
 
 --------------更新3 ---------------------- 
 
 在HTML中我有： 
 
 <td>{{data.role | async}}</td>
 
 组件中的方法： 
 
getUserByRole(role){

        return this._searchService.getUsers()
            .map(data => {
                return data.filter((x:any) => x.role == role)
            });
    }
 
 领域： 
 
 @Input() users: Observable<IUser[]>;
 
 调用方法： 
 
case 'role':
         console.log(this.getUserByRole(this.role));
         this.users = this.getUserByRole(this.role);
         console.log(this.users);
         break;
 
 错误： 
 
Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
 
 在我的searchService中，我现在正在考虑这样做，但仍然无法正常工作： 
 
 findUserByRole(user: IUser) {
        return this.http.get(this.url)
            .map(res => res.json())
            .subscribe(
                data => {

                }
            );
    }

I am calling a JSON file using rx/js Observable.
 
Service
 
constructor(private http: Http){

}

 getUserById():Observable<User[]> {

let url = this.mockData;
let header = new Headers({'Content-Type': 'application/json'});

return this.http.get(url)
    .map((res:Response) =><User[]>res.json())
    .do(data => console.log("User Data: "+JSON.stringify(data)))
    .catch((error:any) => Observable.throw(error) || "Mock Data Error get by role")
};
 
component:
 
    @Input() users: User[] = [];

        userTemp: User[] = [];

getUserById(userId){

        this._searchService.getUserById()
            .filter(users => {
                for(let user of users){
                    if(user.userName === userId){
                        this.userTemp.push(user);
                    }}});

        return this.userTemp;

    }
 
under users => { says when I hover over it (Users: Users[]) => void is not assignable) => boolean.
 
I know there is a small detail I am missing but I am not sure where it is. Any advice would be greatly appreciated. 
 
------------------------------update 1-------------------------- Trying this now but and it compiles but doesn't work.
 
this._searchService.getUserById()
            ._do(users => {
                for(let user of this.users){
                    if(user.id == userId){
                        this.userTemp.push(user);
                    }
                }
            });
 
---------------------Update 2-------------------------- I got some advice from the posts below and now I am trying to do it like this, but it is rendering nothing and giving no errors.
 
In component:
 
@Input() users: IUser[] = [];
 
Method being called in component:
 
case 'role':
          this.users = this.getUserByRole(this.role);
          console.log(this.role);
          break;
 
method in component:
 
 getUserByRole(role){

        this._searchService.getUsers()
            .subscribe(users => {
                for(let user of users) {
                    if(user.role == role){
                        this.users.push(user);
                    }}});

        return this.users;
    }
 
Service method:
 
getUsers(): Observable<IUser[]> {
        let users = this.http
            .get(this.url)
            .map(res => res.json());
        return users;
    }
 
In the console it will print whatever I put in the input box and I confirmed the url for the http call is valid.
 
I am trying to do it like this so all I need to do is change the http url to have headers and a real url later without have to change to much.
 
--------------Update 3----------------------
 
In the HTML I have:
 
 <td>{{data.role | async}}</td>
 
method in component:
 
getUserByRole(role){

        return this._searchService.getUsers()
            .map(data => {
                return data.filter((x:any) => x.role == role)
            });
    }
 
Field:
 
 @Input() users: Observable<IUser[]>;
 
Calling the method:
 
case 'role':
         console.log(this.getUserByRole(this.role));
         this.users = this.getUserByRole(this.role);
         console.log(this.users);
         break;
 
error:
 
Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
 
In my searchService I am now looking at doing it this way but still not working:
 
 findUserByRole(user: IUser) {
        return this.http.get(this.url)
            .map(res => res.json())
            .subscribe(
                data => {

                }
            );
    }

原文：https://stackoverflow.com/questions/43076243