要使用Angular 6从Json数组中获取特定数据,可以使用Array的find方法。下面是一个示例的解决方法:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class DataService {
constructor(private http: HttpClient) { }
getData(): Observable {
return this.http.get('assets/data.json');
}
}
import { Component } from '@angular/core';
import { DataService } from './data.service';
@Component({
selector: 'app-root',
template: `
Angular 6: 获取特定数据示例
{{ item.name }}
`
})
export class AppComponent {
specificData: any[];
constructor(private dataService: DataService) { }
ngOnInit() {
this.dataService.getData().subscribe(data => {
this.specificData = data.filter(item => item.age > 25); // 这里可以根据自己的需求修改过滤条件
});
}
}
[
{ "name": "John", "age": 30 },
{ "name": "Jane", "age": 28 },
{ "name": "Bob", "age": 22 },
{ "name": "Alice", "age": 35 }
]
这样,当你运行应用程序时,你将会看到只有年龄大于25的数据被显示出来。你可以根据自己的需求修改过滤条件。