Как отправить JSON данные из angular Json редактора в net основной контроллер webapi?

Question

У меня есть клиент angular с редактором angular JSON. Мне нужно отправить данные JSON (из редактора) в контроллер. NET Core Web API, и там я должен выполнять такие задачи, как запись их в файл JSON. Как мне подойти к этому? Мне нужна помощь и многое другое с контроллером.

Answer 1

Мне нужно отправить данные JSON (из редактора) в контроллер. NET Core Web API, и там я должен выполнять такие задачи, как запись их в файл JSON. Как мне подойти к этому?

Чтобы выполнить вышеуказанное требование, вы можете обратиться к следующему фрагменту кода.

Angular client

@ViewChild(JsonEditorComponent) editor: JsonEditorComponent;

options = new JsonEditorOptions();
data = {
  name: "fei",
  age: 28
};

constructor(private httpClient: HttpClient) {
  this.options.mode = "code";
  this.options.modes = ["code", "text", "tree", "view"];
  this.options.schema = schema;
  this.options.statusBar = false;
  this.options.onChange = () => console.log(this.editor.get());
}

InsertUser() {
  const updatedJson = this.editor.get();
  const headers = new HttpHeaders().set("Content-Type", "application/json");

  this.httpClient
    .post("https://xxxxx/Insert", JSON.stringify(updatedJson), {
      headers: headers,
      responseType: "text"
    })
    .subscribe(data => {
      console.log(data);
    });
}

Контроллер и действие

[HttpPost("/Insert")]
public async Task<IActionResult> InsertUser(User User)
{
    //...

    return Ok("success");
}

Класс модели User

public class User
{
    public string Name { get; set; }
    public int Age { get; set; }
}

Результат теста