You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular 14中如何编辑status与step过滤函数实现数据筛选

Angular 14 数据过滤修正:仅展示status为'O'且step为'01'的数据

你的过滤代码存在逻辑错误,filter回调里的第二个条件错误地写成了嵌套箭头函数,导致无法正确筛选数据。以下是修正后的代码:

this.prhd.getPr_prhds().subscribe({
  next: data => { 
    this.dataSource.data = data.filter(s => s.status === 'O' && s.step === '01')
  }
})

修正说明:

  • 移除了错误的嵌套箭头函数a => a.step== '01',统一使用回调参数s访问当前遍历对象的属性
  • 使用===严格相等运算符替代==,避免因类型隐式转换导致的匹配问题

筛选后预期结果:

[{
"id": 1,
"name": "aaaa",
"status": "O",
"step": "01"
},
{
"id": 2,
"name": "bbbb",
"status": "O",
"step": "01"
}]

内容的提问来源于stack exchange,提问作者okmmy123456

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.23 01:54:22