需要帮助格式化get请求以访问数据库中的特定属性

Question

我正在学习Todd Motto的终极角度专业课程，我注意到它有点过时了。我一直在看关于解析器的视频。具体来说，我很难组合一个get请求来访问数据库中的特定属性。我正在播放的视频是关于解析器的教学，并将其组合在一起，以访问电子邮件程序文件夹中的消息。

这是我的服务，我正试图在这里提出我的get请求。

import { HttpClient } from "@angular/common/http";
import { Injectable} from "@angular/core"; 
import { Observable } from "rxjs";
import {Mail} from "./components/models/mail.interface"; 
import { catchError, map } from "rxjs/operators";


@Injectable()
export class MailService {
folderUrl = 'http://localhost:3000';
constructor(private http: HttpClient) {}

getFolder(folder:string): Observable <Mail[]> {
const folderData = this.http.get<Mail[]>(`(folderUrl+/messages)?folder=${folder}`);
return folderData


}
}

这是我试图从中获取数据的数据库。

{
"messages": [
{
"id": 1,
"folder": "inbox",
"from": "Jane Smith",
"summary": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis, neque at ultricies fringilla, ligula metus",
"timestamp": 1487848162905
},
{
"id": 2,
"folder": "inbox",
"from": "John Doe",
"summary": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis, neque at ultricies fringilla, ligula metus",
"timestamp": 1487845787719
},
{
"id": 3,
"folder": "inbox",
"from": "Joseph Hanes",
"summary": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis, neque at ultricies fringilla, ligula metus",
"timestamp": 1487845787719
},
{
"id": 4,
"folder": "trash",
"from": "Laurence Murray",
"summary": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis, neque at ultricies fringilla, ligula metus",
"timestamp": 1487845787719
}
]
}

我已经查看了棱角分明的文档和youtube。现在我转向你们了。非常感谢。

Answer 1

您的get请求有问题吗？如果这是问题所在，你可以用这种方式写下你的电子邮件列表请求。

您可以通过"访问folderUrl变量；这个"；，因为它属于您所在的类，并且为了发送过滤器，您使用一个对象。

getFolder(folder:string): Observable <Mail[]> {
return this.http.get<Mail[]>(`${this.folderUrl}/messages`, {folder: folder});
}