主页 / 问题 / 621533
Accepted
dima-gr
Asked:2020-01-31 14:26:09 +0000 UTC2020-01-31 14:26:09 +0000 UTC

如何摆脱错误“类型‘订阅者[]’上不存在属性‘数据’”？角度 2

  • 772

你好。有json

{"count":"404875", "data":[{ ... }]}

在服务中我收到来自服务器的响应

getSubscribers(page:Number, pageSize:Number): Observable<Subscribers[]> {
    return this.http.get(this._subscribers +'/'+page+'/'+pageSize)
        .map(this.extractData)
        .catch(this.handleError)
}

private extractData(res: Response) {
    let body = res.json();
    return body;
}

在组件中我正在尝试处理这个 json

getSubscribers(page = 1){
    this.subscribersService.getSubscribers(page, this.pageSize)
        .subscribe(
            data => {
                this.subscribers = data.data,
                this.count = data.count,
                this.p = page
            },
            error => this.errorMessage = <any>error
        )
}

一切正常。数据显示正确，一切正常，但是当你启动 npm 时，控制台弹出错误

app/components/subscribers/index.component.ts(32,45)：错误 TS2339：类型“Subscribers[]”上不存在属性“data”。

app/components/subscribers/index.component.ts(33,39)：错误 TS2339：类型“Subscribers[]”上不存在属性“count”。

组件和服务 文件 index.component.ts subscribers.service.ts

用 Promise 替换 Observable 没有帮助。

我知道它在这里说给定的对象没有这些属性。我最近开始学习角度并且还不明白如何处理它。我将非常感谢提示或帮助我在哪里或哪里做错了。提前致谢。

angular2

1 个回答

  1. Best Answer

    添加返回值

    : Observable<Subscribers[]>

    你告诉打字稿编译器你从观察者那里得到的值将是一个Subscribers类型的元素数组。

    因此，data在回调中 forsubscribe将具有 type Subscribers[]。

    当您尝试从 array获取属性时data，打字稿编译器会合理地说该数组没有这样的属性。

    从提供的json来看，要解决这个问题，需要返回的不是数组

    getSubscribers(page:Number, pageSize:Number): Observable<Subscribers>
    • 0

相关问题