Angular 角度HTTP调用根据状态将值返回到两个属性中

Angular 角度HTTP调用根据状态将值返回到两个属性中,angular,http,Angular,Http,我有一个名为Project的模型,在这个模型中,我有一个名为ACTIVE的属性,它要么为true,要么为false 在Angular 8类中,我正在对所有项目执行API get调用,并希望根据此true或false状态将返回的值分为两类,因此,我结束了显示活动项目列表和非活动项目列表的过程(我构建了一个切换函数供以后使用) 这是我的ngOnInit函数 //Properties activeProjects; inactiveProjects; ngOnInit() { this.

我有一个名为Project的模型,在这个模型中,我有一个名为ACTIVE的属性,它要么为true,要么为false

在Angular 8类中,我正在对所有项目执行API get调用,并希望根据此true或false状态将返回的值分为两类,因此,我结束了显示活动项目列表和非活动项目列表的过程(我构建了一个切换函数供以后使用)

这是我的ngOnInit函数

//Properties
activeProjects;
inactiveProjects;



ngOnInit() {
    this._projectService.getAllProjects().subscribe(
      response => {
        // Trying to sort response into the two properties above
      },
      error => console.log(error['message'])
    )
  }

我认为这是一个开关或地图的事情,但我是相当新的,所以我有点困惑下一步该怎么做


谢谢

这张卡看起来很简单,你可以获得免费通行证,但下次,请尝试自己至少做一次

response => {
  this.activeProjects = response.filter(v => v.active);
  this.inactiveProjects = response.filter(v => !v.active);
},

(当然,根据您自己的情况进行调整,例如,
response.data.filter
或类似的smth)

使用filter您可以实现这一点@玛丽安娜绝对正确……啊。那很容易!非常感谢你的帮助。为这整件事建立一个心智模型,这很有帮助!现在我犯了错误。响应是一个对象,而不是一个数组,过滤器是它的函数。想知道是应该将数据映射到组件中的数组还是server@mikevarela这是另一个问题,虽然你得到了答案,但你没有关闭这个,我在我的回答中明确表示,这会发生。我真的不能在这里做更多的事情了,即使我想,我甚至不确定我会/应该这样做。我想对你的帮助说声谢谢。希望结尾的粗鲁评论没有被提出,但是,再次感谢你的帮助