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 对象
  }
}

相关内容

热门资讯

普及知识!多乐小程序破解版修改... 普及知识!多乐小程序破解版修改器,贪吃蛇辅助器,透明挂教程(有挂头条)1、下载安装好多乐小程序破解版...
程序员教你!山城九九辅助,泸州... 您好:泸州大二新手攻略这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
今日科普!丹东约战麻将辅助器,... 今日科普!丹东约战麻将辅助器,多乐辅助器,揭秘教程(有挂规律)1、下载安装好丹东约战麻将辅助器,进入...
重磅来袭!约局吧黑科技辅助器,... 重磅来袭!约局吧黑科技辅助器,途游手游辅助,可靠教程(有挂教学)1、下载安装好约局吧黑科技辅助器,进...
玩家必看分享!嘟咪互动修改器,... 玩家必看分享!嘟咪互动修改器,新超凡软件辅助,透视教程(有挂教程)1、下载安装好嘟咪互动修改器,进入...
教程辅助!好运南通长牌辅助,樱... 教程辅助!好运南通长牌辅助,樱花之盛辅助软件,介绍教程(有挂秘笈);无需打开直接搜索加薇136704...
记者发布!聚财app辅助,宝宝... 记者发布!聚财app辅助,宝宝游戏辅助,必赢教程(有人有挂)1、下载安装好宝宝游戏辅助,进入游戏主界...
今日百科!汇城辅助,川南休闲辅... 今日百科!汇城辅助,川南休闲辅助,安装教程(有挂秘诀)1、下载安装好川南休闲辅助,进入游戏主界面,点...
今日焦点!中至吉安小程序辅助,... 今日焦点!中至吉安小程序辅助,禅游游戏辅助,2024教程(的确有挂);无需打开直接搜索加薇13670...
重大推荐!微信微乐小程序辅助软... 重大推荐!微信微乐小程序辅助软件,樱花之盛辅助软件下载,AA德州教程(有挂解惑);无需打开直接搜索加...