Question

我正在尝试使用Promise从服务返回一个数组。然后。功能是我的服务如下：

userList: Users[] = [];

getUsers = {
    userList: (): Promise<Users[]> => {
        let headers = new Headers();
        headers.append('Content-Type', 'application/x-www-form-urlencoded');
        headers.append('Authorization', 'Bearer ' + this.authenticationService.token);
        return this.http.get(this.authenticationService.url + '/tournament/getGames', {
            headers: headers
        }).map((response: Response) => {
            var status = response.json().status;
            console.log(response.json().status);
            if (status) {                   
                this.userList = response.json().users;
                console.info(response.json().users);
                return this.userList;
            }
            else {
                return null;
            }
        }).toPromise();

    }
}

然后我在administrator.component.ts中使用它来获取用户列表：

usersList: Users[] = [];

在ngOnInit中：

this.getData().then(() => this.isDataAvailable = true);

getData函数：

 getData(): Promise<Users[]> {
    return this.UserService.getUsers().then(users => {
        this.usersList= users;
        console.log(this.usersList);
    });
}

并且代码返回此错误消息：

无法调用类型缺少调用签名的表达式

我非常感谢任何帮助，因为我在不同的组件中使用了类似的逻辑。

Answer 1

在您的服务中getUsers不是一项功能。 getUsers.userList就是这个功能。因此，您应该使用this.UserService.getUsers.userList()调用它。

Angular 2和TypeScript Promise返回数组

1 个答案: