要解决Angular TypeScript中过滤对象数组不起作用的问题,可以按照以下步骤进行操作:
确保在该组件中导入了所需的模块和服务,例如import { Component, OnInit } from '@angular/core';
。
在组件中声明一个对象数组,并初始化它,例如objects: any[] = [];
。
在ngOnInit
生命周期钩子函数中初始化对象数组,以便进行过滤操作,例如:
ngOnInit() {
this.objects = [
{ id: 1, name: 'Object 1', category: 'Category 1' },
{ id: 2, name: 'Object 2', category: 'Category 2' },
{ id: 3, name: 'Object 3', category: 'Category 1' },
{ id: 4, name: 'Object 4', category: 'Category 2' },
{ id: 5, name: 'Object 5', category: 'Category 1' }
];
}
filter
管道来过滤对象数组,例如:
{{ obj.name }}
在这个例子中,使用filter
管道来过滤objects
数组,只显示category
属性为"Category 1"的对象。
注意:确保已经在app.module.ts
文件中导入并添加了FilterPipe
到declarations
和exports
数组中。
这样就可以成功过滤对象数组了。