小编jim*_*yer的帖子

Angular 6 HttpClient Post 未命中 DotNet Core 2.2 API 控制器中的 API Post 方法

我已从 MVC/AngularJS 1.x 升级到 DotNet Core 2.2/Angular 6.x。与@Angular/common/http

大多数情况下,这都是轻而易举的事,但 Web API 却让我很受不了。我在几分钟内就开始工作,但我花了一周的时间尝试了一切才能让网络帖子工作。

我在这里所做的事情很容易复制。

  1. 进入 Visual Studio 17 并单击“文件/新建项目”

  2. 选择已安装/Visual C#/.NET Core

  3. 选择模板:ASP.NET core Web Application

  4. 在辅助屏幕上,将顶部的下拉菜单设置为 .NET Core 和 ASP.NET Core 2.2

  5. 选择红盾“A”角模板

  6. 让项目拉下依赖关系并重建。

一切都是 Microsoft 提供的开箱即用演示应用程序,除了:

  1. 将按钮添加到屏幕上。

  2. 将代码添加到 .ts 以调用 API 控制器

  3. 将输入参数添加到控制器中的 get 方法中

  4. 向控制器添加一个非常简单的 post 方法

我也在尝试获取 DotNet Core 2.0/Angular 4.x。使用 @angular/http 可以得到完全相同的结果。获取非常简单,但我已经尝试了所有配置才能使帖子正常工作。我也会为其他版本发布类似的帖子。现在,我只是尽我所能地工作并把 AngularJS 1.x 抛在身后。

import { Component, Inject } from '@angular/core';
import { HttpClient, HttpParams, HttpHeaders  } from '@angular/common/http';

@Component({
  selector: 'app-fetch-data',
  templateUrl: './fetch-data.component.html'
}) …
Run Code Online (Sandbox Code Playgroud)

c# controller .net-core angular angular-httpclient

2
推荐指数
1
解决办法
4420
查看次数

标签 统计

.net-core ×1

angular ×1

angular-httpclient ×1

c# ×1

controller ×1