php - 如何从 Angular 中的 php API(laravel 流明)获取数据数组
问题描述
我被困住了,因为这是我第一次使用 Angular,我可能还没有理解一些基础知识。
我制作了一个 PHP API,它从 MySql 数据库返回数据,并使用 HttpClient 以角度获取它们。
对数据库的调用是
public function showOneCoursBy($id){
$results = DB::select("select * from cours where id_cours = ".$id);
return $results;
}
访问我得到的 API 页面
[{"id_cours":1,"id_exercice":1,"titre":"XXX","description":"XXX","contenu":"XXX","mediaPath":"XXX","dateDebut":"0000-00-00","dateFin":"0000-00-00"}]
所以看起来是对的。
在 Angular 中,我使用
constructor(
private firestore: AngularFirestore,
private http: HttpClient,
public db: AngularFirestore
) {
this.http.get('http://localhost:3000/cours/').
toPromise().then(data => {
console.log(Object.keys(data).map(key => ({type: key, value: data[key]})));
}
);
}
在服务中,console.log 确实返回
(2) […]
0: {…}
type: "0"
value: Object { id_cours: 1, id_exercice: 1, titre: "Premier Cours", … }
<prototype>: Object { … }
1: {…}
type: "1"
value: Object { id_cours: 2, id_exercice: 2, titre: "Cours n°2", … }
<prototype>: Object { … }
length: 2
<prototype>: [
但是我怎样才能只将其中一个元素作为数组?还是只访问一个属性?
提前致谢 !:D
解决方案
您可以简单地为 Object 声明一个接口
export interface Exercice {
id_cours: number;
id_exercice: number;
titre: string;
description: string;
contenu: string;
mediaPath: string;
dateDebut: string;
dateFin: string
}
您可以通过将您的响应键入为“练习”来访问数据
this.http.get('http://localhost:3000/cours/')
.pipe(take(1))
.subscrible((response: Exercice[]) => {
response.forEach(exercice => console.log(exercice.titre));
});
推荐阅读
- java - 方法 synchronized ,但由于非序列化线程行为,代码会产生随机结果
- c - 使用相对路径从 lcov 跟踪文件中删除文件
- java - Java 中的 SQL Server 2012 驱动程序
- windows - 如何使用 Free Pascal/Lazarus 运行外部应用程序?
- python - 如何使我的查询 sql 数据库的 python 脚本更有效率?
- python - 在 softmax 层之前添加 LSTM 层
- python - Selenium 无法提取页面源并返回 html 页面的空正文
- c++ - 无法更改类中的指针值
- python - Tensorflow 无、-1 和 之间有什么区别?指定张量形状时?
- sql - 具有多个外部连接和 case 语句的 Oracle 错误?