代码之家 › 专栏 › 技术社区 › wsaxton

在Angular中,如何在http get返回结果对象之前操作它们?

angular-http angular javascript

wsaxton · 技术社区 · 8 年前

return this.http
        .get(this.jobsUrl, options)
        .map(res => {
            console.log(job.state);  //shows original value
            res.json().jobs.map((job) => job.state = this.stateTranslation[job.state]);
            console.log(job.state);  //shows translated value
            return res.json().jobs as Job[];
        })
        .catch(this.handleError);

2 回复 | 直到 8 年前

Poul Kruijt 8 年前

创建2个地图。1用于转换为 JSON ,另一个用于循环阵列。这提高了可读性。你的问题是你打电话 res.json

return this.http
    .get(this.jobsUrl, options)
    .map(res => res.json().jobs as Job[])
    .map((job: Job) =>  {
       job.state = this.stateTranslation[job.state]);
       return job;
    }) 
    .catch(this.handleError);

Faly 8 年前

您应该在映射后返回结果,并在数组映射回调中更改其状态后返回作业:

return this.http
        .get(this.jobsUrl, options)
        .map(res => {
            let ret = res.json().jobs.map((job) => { 
                job.state = this.stateTranslation[job.state];
                return job;
             });
            return ret as Job[];
        })
        .catch(this.handleError);

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前