代码之家  ›  专栏  ›  技术社区  ›  R. Sharma

如何在angular 4中的组件中从restAPI检索数据?

  •  0
  • R. Sharma  · 技术社区  · 7 年前

    我想访问angular 4中组件中的restAPI参数。但我不知道怎么做。 在我的rest API组件代码如下所示,这里我得到了结果中的完整数据

    this.apiSerivce
        .userlist({'offset':'0','limit':'10'})
        .subscribe( resultObj => this.userlist = resultObj)
    

    在我的用户列表服务代码是

    userlist(data): Observable<userlist> {
        const headers = new Headers({ 
            'Content-Type': 'application/x-www-form-urlencoded' 
        });
        const options = new RequestOptions({ headers: headers });
        return this.http
                   .post(this._url+'/Admin/User/UserList',data,options)
                   .map((response: Response) => {
    
                       return <userlist>response.json();
                    })
                    .catch(this.handleError);
    }
    

    所以我在我的组件中得到了结果。控制台上的ts文件。日志

    {
        "status": false,
        "message" : "User List"
        "response": [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
        "total_rows" :8
    }
    

    我想访问组件上的状态和消息。所以我是如何在角度上做到这一点的。js我只是在使用

    $scope.status = response.data.status
    

    但我不知道在angular 4里怎么做

    1 回复  |  直到 7 年前
        1
  •  0
  •   Xin Meng    7 年前

    您可以轻松访问JSON中的数据。代码基于您问题中的JSON显示:

    this.apiSerivce.userlist({'offset':'0','limit':'10'})
        .subscribe( resultObj => {
        console.log(resultObj)
        this.userlist = resultObj.response
        //or
        //this.userlist = resultObj['response']
        this.status = resultObj.status
    })
    

    您还可以为您的回合类型定义一个接口,使IDE能够识别如下属性 this