Angular HttpClient是来自@ angular / common / http包的4.3版本的Angular的新HTTP客户端。它是前@ angular / http软件包的升级版本。与之前的弃用不同,可以键入HttpClient响应并自动解析JSON。您还可以对不可变响应和请求使用拦截器。
Angular 独立应用程序:NullInjectorError:没有 HttpClient 的提供者
我正在从头开始创建一个独立的应用程序,我没有 ngModule。 我正在创建一个翻译服务,以及一个使用它的管道。 在 app.component.ts 上测试它 从 '@an...
我有一个名为 login() 的函数,它调用 HTTP POST 请求来生成 SID。当函数结束时,我会应用一个名为 this.sid 的局部变量。 当我调用 Login() 函数时,我期望
我正在为 .NET 7 后端 WebApi 开发 Angular 前端应用程序,并且遇到了一个奇怪的问题,我无法找到正确的解决方案或根本原因。 ...
无法使用 CORS 获取 Angular 16 中的响应标头
我正在尝试从帖子调用中访问响应标头,但似乎没有“标头”或者我出错了。 在后端我使用 ASP.NET Core。这是我的基本 API: [呃...
Angular HttpClient 观察者总是抛出 401
我的 HttpClient 有问题。当我尝试从前端发送 POST 请求时,我总是收到 401 未经授权的错误;它甚至没有到达终点。我尝试进入隐身模式...
目前我看到虽然角度信号已经以稳定的方式存在,但即使是表单、http客户端等实用程序仍在使用rxjs进行变化检测,我想知道是否有办法......
HttpClientModule 在 Angular 18 中已弃用,替代品是什么?
我有一个项目迁移到 Angular 18,并设置为通过导入 HttpClientModule 来使用 HttpClient。 @NgModule({ 进口:[ 浏览器模块, HttpClient 模块, ... ],
Angular HttpClient POST 请求,主体为 false,发送时不带负载
当我在 Angular 应用程序中发送 POST 请求时,主体为布尔值,如果为 true,则在有效负载中正确发送,如果为 false,则不会发送有效负载...
Fetch 可以工作,但 http post 不在 Angular ts 文件中,我做错了什么?
我下面的 fetch 语句在我的 .ts 文件中运行良好。 const fileResult = 等待 fetch(environment.stripeFileUrl, { 方法:'POST', 标题:{ ‘授权’:‘持有者’+
尝试在 Angular 17 中的 AppComponent 中触发任何 http 请求时,未定义本地存储
在 Docker 中运行的 Angular 17 中,我有包含 的独立 AppComponent。 当我尝试订阅 app.component.ts 中的任何 http 请求时,应用程序会...
我是 Angular 的新手,我是从头开始构建这个系统的。我编写了以下方法来将 GET 请求发送到后端的端点。该方法在 ngOnInit 方法中调用。
ASP.NET Core Web API 接收包含 IFormFile 的请求正文,但来自 Angular 的所有属性均为 null
我正在尝试发送一个请求主体,它是一个从 Angular 到 ASP.NET Core Web API 的对象。除 ID 外,所有属性均显示为空。 网络应用程序接口: 公开课图书 { 公共 int BookID { 获取; ...
Angular 服务器抛出错误,但 API 调用正常,并且错误不在浏览器上
我有一个 API,它在 API 调用的 URL 中接收 JWT 令牌以返回用户信息。 我的功能: getUserByTokenJWT 用例 正常执行并设法完成字段,并带有
我的目的是使用 Angular 中的 REST Web 服务,我现在正在做一些尝试。下面的代码不起作用并进入错误块。我怎样才能识别问题? 接口 UserResp...
webapi 核心 [FromQuery] dto 模型忽略 [Required(AllowEmptyStrings = true)]
我有一个带有两个参数的控制器端点 从身体发出 使用 dtoModel 作为查询字符串参数发送 我使用 [FromQuery] 作为第二个对象,因为我无法在 ...
我有一个有点复杂的情况,在后端实现中,我需要轮询后端,直到 我从 BE 获得成功状态 我从 BE 获得失败状态 我继续前进
Angular 7 HttpClient post无法解析大请求正文?
Angular HttpClient 对请求正文大小有限制吗? 我正在做一个使用 REST API 的 Angular 项目。 API 很简单,只要 API 端点到...
我正在尝试学习 Angular,但我陷入了困境。 我试图从我使用 Firebase 作为数据库创建的 HTTPClient 服务获取数据。 从 '@angular/common/http' 导入 { HttpClient }; 导入 {
如何使用 Angular http.post 并将 Type 'Observavble<unknown> 更改为键入的响应?
我一直对如何输入 HttpResponse 感到困惑。我试图匹配我的 api 给我返回的内容,但 vim 中的打字稿帮助不断告诉我: 打字稿:输入'Observable 我一直对如何输入 HttpResponse 感到困惑。我试图匹配我的 api 给我返回的内容,但 vim 中的打字稿帮助不断告诉我: typescript: Type 'Observable<unknown>' is not assignable to type 'Observable<string | HttpErrorResponse>'. Type 'unknown' is not assignable to type 'string | HttpErrorResponse'. [2322] 这就是我的帖子的样子: forgotPassword(args: {studentId: string, emailAddress: string}): RxObservable<HttpErrorResponse | string> { const body = { studentId: args.studentId, emailAddress: args.emailAddress } console.log("forgot password", body) return this.http .post<HttpErrorResponse | string>( `${this.nextApiEndpoint}Authentication/ForgotPassword`, body, {} ) .pipe( switchMap((data: string) => data), catchError((err) => { return err; }) ); } 我正在尝试使用 switchMap 来确保通过管道输出的数据是字符串,但我真的不需要它,因为这就是我的 http 响应已经是的字符串。 您可以从帖子中删除 HttpErrorResponse 并让 catchError 包含类型 HttpErrorResponse!另外,由于我们没有使用之前的数据调用另一个 API 调用,所以我将 switchMap 替换为 map! 总而言之,我们不需要为HttpErrorResponse添加额外的行,只需成功的返回类型就足够了,打字稿将允许这样做! import { HttpClient, HttpErrorResponse } from '@angular/common/http'; import { Injectable } from '@angular/core'; import { Observable, of } from 'rxjs'; import { catchError, map } from 'rxjs/operators'; @Injectable() export class TestService { nextApiEndpoint = 'google.com'; constructor(private http: HttpClient) {} forgotPassword(args: { studentId: string; emailAddress: string; }): Observable<string> { const body = { studentId: args.studentId, emailAddress: args.emailAddress, }; console.log('forgot password', body); return this.http .post<string>( `${this.nextApiEndpoint}Authentication/ForgotPassword`, body, {} ) .pipe( catchError((err: HttpErrorResponse) => { throw 'error in source. Details: ' + err.message; }), map((data: string): string => data) ); } } Stackblitz Demo with no compilation errors
[NullInjectorError]:R3InjectorError(独立[_AppComponent])[]:NullInjectorError:没有_HttpClient的提供者
app.module.ts 应用程序模块.ts 应用程序模块.ts 错误 包.json 我的代码已迁移到角度独立 我不知道我做错了什么。我是否必须在其他地方导入或提供 HttpClient...