在Angular中,我们可以使用getter和setter方法来对接收到的数据进行筛选。下面是一个示例代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
{{ filteredData }}
`
})
export class AppComponent {
private _data: any[];
private _filteredData: any[];
constructor() {
// 模拟接收到的数据
this._data = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
{ name: 'Bob', age: 35 }
];
this.filteredData = this._data; // 初始化筛选后的数据
}
// 使用getter和setter方法对数据进行筛选
get filteredData(): any[] {
return this._filteredData;
}
set filteredData(data: any[]) {
// 对接收到的数据进行筛选
this._filteredData = data.filter(item => item.age > 30);
}
}
在上面的代码中,我们通过私有变量 _data
来存储接收到的数据,通过私有变量 _filteredData
存储筛选后的数据。
通过 getter
方法 filteredData()
,我们可以获取筛选后的数据。通过 setter
方法 filteredData()
,我们可以对接收到的数据进行筛选,并将结果存储到私有变量 _filteredData
中。
在模板中,我们可以直接使用 filteredData
属性来显示筛选后的数据。
请注意,这只是一个示例代码,您可以根据实际情况进行调整和修改。
上一篇:Angular - 无法使用"scrollPositionRestoration"
下一篇:Angular - 无法使用集合和*ngFor填充mat-chip-list - 更新:mat-select多选的值设置有问题?