要从API获取数据并且只想获取数组,你可以使用Angular的HttpClient模块来发送HTTP请求并处理响应。
首先,确保你已经在你的Angular项目中导入了HttpClient模块。在你的组件中,你可以使用HttpClient的get方法来发送GET请求并获取数据。
下面是一个基本示例:
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
constructor(private http: HttpClient) { }
getData(): Observable {
return this.http.get('https://example.com/api/data');
}
在上面的代码中,https://example.com/api/data
是你要请求数据的API地址。any[]
表示你期望从API中获取一个数组。
dataArray: any[];
getDataFromAPI() {
this.getData().subscribe(data => {
this.dataArray = data;
console.log(this.dataArray); // 打印获取到的数组
});
}
在上面的代码中,我们在组件中定义了一个dataArray
数组来存储从API获取到的数据。在getDataFromAPI
方法中,我们订阅了getData
方法返回的Observable对象,并将获取到的数据赋值给dataArray
。
你可以在你的组件的生命周期钩子或通过用户交互触发的事件中调用getDataFromAPI
方法来获取数据。
这样,你就可以通过Angular从API获取数据并且只获取数组了。