Struggling to retrieve posted data using Angular with asp.net

I have encountered an issue while sending a post request from Angular to my ASP.NET server. I am trying to access the values of my custom model class (SchoolModel) and I can see that all the values are correct inside Angular. However, when I attempt to retrieve these values in ASP.NET, nothing is returned from inside the object. Can someone please assist me if there is something I am overlooking?

Here is my Angular request code:

const headers = {'Content-Type': 'application/json', };
            const body = { schoolData };
            this.http.post<any>(this.baseUrl + "Api/CreateSchool", body, { headers }).subscribe(response => {
            
                console.log(response);
                
    
            }, error => console.error(error));

This is my ASP.NET code:

    [HttpPost]
    [Route("Api/CreateSchool")]
    public bool CreateNewSchool(SchoolModel schoolData)
    {
        bool schoolCreated = false;
        // IT PRINTS SCHOOL NAME ONLY 
        Console.WriteLine("SCHOOL NAME " + schoolData.Name);
        return schoolCreated;
    }

Answer №1

To utilize the FromBody attribute, you can employ it in the following manner:

void AddNewCollege([FromBody]CollegeInfo collegeDetails) {

Answer №2

Using JSON.stringify(body) was the key to getting it to function

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What could be causing a compile error in my React and TypeScript application?

I recently downloaded an app (which works in the sandbox) from this link: https://codesandbox.io/s/wbkd-react-flow-forked-78hxw4 However, when I try to run it locally using: npm install followed by: npm start I encounter the following error message: T ...

What is the best way to utilize TypeScript module augmentation with material-ui components?

I have gone through the answers provided in this source and also here in this link, but it appears that they are outdated. I attempted to enhance the type definition for the button component in various ways, including a separate typings file (.d.ts) as we ...

Assessing efficiency through the lens of SeleniumWebDriver versus native JavaScript

Imagine a scenario where an action is triggered by clicking a button on a webpage. Let's say this action takes X seconds to complete, and during this time a div appears in the center of the page. Once the action is done, the div disappears, and focus ...

Framer Motion's AnimatePresence feature fails to trigger animations when switching between pages

I'm running into issues with the Framer Motion library, specifically with the AnimatePresence transition. I've managed to make it work in normal situations, but when I encapsulate my Routes within a custom implementation, the exit animation fails ...

How can we stop the parent modal from closing if the child component is not valid?

I have a main component with a modal component that takes another component as a parameter. The child modal component has some logic where I need to check if the child component is valid before closing the modal. const MainComponent: FC<IProps> => ...

What is the best way to refresh or reload a child component in Angular?

I have a transaction.component.html file that displays the app-deal-partners component. Every time the delete function is triggered, I want to refresh and reload the child component, which is the app-deal-partners component. I need to reload <app-deal- ...

The innerHTML feature in Javascript seems to be malfunctioning

Having a simple javascript issue here. I am attempting to retrieve a date from a textbox and display it in a label for another purpose. However, I encountered some problems along the way. I can successfully alert the date retrieved from the textbox, but wh ...

Retrieve the TaskID of an ECS Fargate container for exporting and future use within AWS CDK code

Currently, I am leveraging CDK version 2 alongside Typescript. In my current setup, I encounter a situation where I necessitate the TaskID value from ECS Fargate Container to be incorporated into another command. The process involves me utilizing new ecs ...

Switching buttons with AngularJS

I am currently working on a Github search app using the Github API in Angular. My goal is to make it so that when the user clicks the "Add to Favorite" button, the button disappears and the "Remove Favorite" button is displayed instead. I attempted to achi ...

SignalR 2.2 users are experiencing a lack of message reception

I have developed a unique self-hosted SignalR application that is operating within the framework of a console application. To access the hubs within this application, I have implemented a wrapper class to avoid referencing the SignalR.Core assemblies direc ...

Unable to access cookie value in PHP that was originally set using ASP.NET

I have created an asp.net page and a php page for internal use. The setup is such that if the user is logged into the asp.net application, they will have access to the php page through a link. However, if the user is not logged in, they will not have acces ...

Class that can be exported with a nested object stored as a property

I am working on developing a reusable class with an object as a property in Angular 2. My goal is to allow binding my form to it using NgModel. For instance, let's say I have the following object: user: { name: string, address: { street: str ...

Error: Trying to access 'MaterialModule' before it has been initialized results in an uncaught ReferenceError

I have been working on a form for a personal project and attempted to implement a phone number input using this example: . However, after trying to integrate it into my project, I encountered an error. Even after removing the phone number input code, the e ...

Experiencing an error when attempting to pass strings from .env.local to a new Redis instance

Encountering an issue with TypeScript while setting up a new Redis instance. I have configured an .env.local file with matching names for the redis URL and token. Below is the code snippet: import { Redis } from "@upstash/redis"; // @ts-ignore ...

Experiencing problems with the Locale setting when utilizing the formatNumber function in Angular's core functionalities

I am having trouble formatting a number in Angular using the formatNumber function from the Angular documentation. Here is my code snippet: import {formatNumber} from '@angular/common'; var testNumber = 123456.23; var x = formatNumber(Numb ...

Parsing of the module failed due to an unexpected character appearing when trying to insert a TTF file into the stylesheet

As a newcomer to Angular, I recently completed the tutorial and am now working on my first app. While trying to add an OTF file, everything went smoothly. However, when I made a change to my app.component.css file and included this code snippet: @font-fa ...

What is the best method to add information into an array using Angular 7?

My data consists of an array of objects : [ { indicatorDatasource: "trackingError", un_an: 0, trois_ans: 0, cinq_ans: 0 }, { indicatorDatasource: "annualisedFundPerformance", un_an: 19.749642029434945, trois ...

Having trouble getting TypeScript to compile on Visual Studio Online TFS?

Currently, I am utilizing Typescript 1.7 within an MVC environment. Locally, my Typescript functions properly and compiles without any issues. However, when integrating with visualstudioonline TFS for continuous integration to an azure website, I have enc ...

Angular Notification not visible

I have been attempting to display a notification after clicking a button using the angular-notifier library (version: 4.1.1). To accomplish this, I found guidance on a website called this. Despite following the instructions, the notification fails to app ...

What is the best way to save a value in a dictionary data structure

In my development of a Windows Form application, I have implemented the get set method for handling data related to name, email, and phone. These properties are hardcoded to allow values to be stored by creating an object. public string Name { get; set ...