Angular中的Array.filter方法未能提供正确的结果
创始人
2024-10-31 02:00:49
0

可以在调用 filter 方法时手动绑定 this 对象,确保方法内部的 this 引用指向正确的对象。

示例代码:

// 创建一个名为 MyComponent 的 Angular 组件
@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  data: any[] = [
    { name: 'John', age: 25 },
    { name: 'Mary', age: 30 },
    { name: 'David', age: 22 }
  ];

  constructor() { }

  ngOnInit() {
    // 在模板中调用 getYounger 方法
  }

  getYounger() {
    return this.data.filter(function(item) {
      // 这里的 this 指向的是 filter 方法内部,而不是 MyComponent 组件实例
      return item.age < this.age;
    }.bind(this)); // 手动绑定 this 对象
  }
}

相关内容

热门资讯

wpk有外 挂!wpk机器人代... wpk有外 挂!wpk机器人代打,WpK一直真的有挂,详细教程,(有挂揭秘)1、上手简单,内置详细流...
wepoke透视挂!aapok... wepoke透视挂!aapoker在哪里下载,wpk线上打法教学(详细辅助教程)关于wepoke透视...
wepoke辅助机器人!wep... wepoke辅助机器人!wepoke游戏真的是有挂的,wepOkE的确真的有挂,教你攻略(有挂插件)...
德州ai辅助软件!德州ai辅助... 德州ai辅助软件!德州ai辅助器,wpk德州原来是真的有挂(详细辅助挂教程)1、让任何用户在无需德州...
wpk外 挂!欢乐棋牌有外挂,... WePoker透视辅助工具核心要点解析‌,wpk外 挂!欢乐棋牌有外挂,线上德州有后台控制(详细透视...
微扑克ai辅助!wpk ai检... 微扑克ai辅助!wpk ai检测(Wpk)一直真的有挂-详细透明挂教程1、微扑克ai辅助优化,微扑克...
wepoke辅助技巧!wepo... wepoke辅助技巧!wepoke是有软件,wepoker好像真的有挂,实用技巧(有挂工具)1、这是...
德州ai辅助!德扑之星操作,德... 德州ai辅助!德扑之星操作,德州扑克一贯是有挂(详细ai辅助有用教程);致您一封信;亲爱德州ai辅助...
微扑克ai辅助!微扑克辅助,w... 微扑克ai辅助!微扑克辅助,wepoke科技(详细透视教程)1、不需要AI权限,帮助你快速的进行微扑...
德扑之星作弊!德州软件后台控制... 德扑之星作弊!德州软件后台控制,德州机器人都是存在有挂(详细作弊教程)1、金币登录送、破产送、升级送...