how to pass values to . net controller in Angular

Question

What I am trying is to pass a parameter to the controller from typescript. But it's not passing to method.

below is my typescript code,

multiCountryConfig() {

var multiCountry = "Test";

this.http.get('/Home/MultiCountryConfiguration', {
  params: {
    multiCountry: multiCountry,
  }
}).subscribe(result => {
  console.log(result)
}, error => {
  console.log(error)
});

}

below one is my homecontroller method code,

    [HttpGet]
    public IActionResult MultiCountryConfiguration(string multiCountry)
    {
        var key = "test";
        var value = "en-gb";
        CookieOptions options = new();
        options.Expires = DateTime.Now.AddHours(1);
        HttpContext.Response.Cookies.Append(key, value, options);

        return Ok("created");
    }

I don't know whether it's correct. Please someone guide me on this. Thank you.

Did you tried to debug it in your browser Network tab? (check client request) — Serhii Matvienko
– Serhii Matvienko, Commented Jul 7, 2021 at 8:05
And send test request from Postman to your API and compare requests from Angular app. — Serhii Matvienko
– Serhii Matvienko, Commented Jul 7, 2021 at 8:07

Fei Han · Accepted Answer · 2021-07-08 02:26:13Z

1

What I am trying is to pass a parameter to the controller from typescript. But it's not passing to method.

Getting the same 404 error. GET https://localhost:44335/Home/MultiCountryConfiguration?multiCountry=Test 404

To troubleshoot the issue, please try to modify the action method like below.

[HttpGet("/Home/MultiCountryConfiguration")]
public IActionResult MultiCountryConfiguration([FromQuery]string multiCountry)
{
    //...

Besides, please make sure your backend site does host on https://localhost:44335, not on another port or http.

Note: your Angular frontend code seems ok, it could help make http request(s) and pass data through querystring. If the routing for your backend is ok, it should work as expected.

Request from frontend

Backend action method

answered Jul 8, 2021 at 2:26

Fei Han

28k1 gold badge35 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Apoorva Chikara · Accepted Answer · 2021-07-07 08:11:54Z

0

When you use get method, you can send params via multiple ways.

simple way is adding the params in the URL like this:

multiCountryConfig() {

var multiCountry = "Test";
const URL = `/Home/MultiCountryConfiguration?multiCountry=${multiCountry}`
this.http.get(URL).subscribe(result => {
  console.log(result)
}, error => {
  console.log(error)
});

}

Another way of doing this can be using Params from HTTPModule

multiCountryConfig() {

 let params = new HttpParams();
    params = params.append('_page', 1);
    params = params.append('_limit', 10); 

const multiCountry = "Test";

this.http.get("/Home/MultiCountryConfiguration", {params: params}).subscribe(result => {
  console.log(result)
}, error => {
  console.log(error)
});

}

But It seems the path you are using in the URL seems incomplete, you might need to add the domain to work it properly and request the resource. Your .net services must be running on certain port and ip address ex: http://localhost:8080/Home/MultiCountryConfiguration. Please check where you web service is running and add the proper path.

answered Jul 7, 2021 at 8:11

Apoorva Chikara

8,8033 gold badges24 silver badges39 bronze badges

2 Comments

Udaya Over a year ago

Getting the same 404 error. GET localhost:44335/Home/… 404

Apoorva Chikara Over a year ago

Try using postman, the error says it doesn't find the route you mentioned. Please register it corrrectly.

nisanarz · Accepted Answer · 2021-07-07 10:58:58Z

0

 [HttpGet]   
public IActionResult MultiCountryConfiguration([FromBody]string multiCountry)
{
    var key = "test";
    var value = "en-gb";
    CookieOptions options = new();
    options.Expires = DateTime.Now.AddHours(1);
    HttpContext.Response.Cookies.Append(key, value, options);
    return Ok("created");
}

Edit #1: fix code section

edited Jul 7, 2021 at 10:58

nisanarz

9271 gold badge12 silver badges22 bronze badges

answered Jul 7, 2021 at 9:53

user16398078

11 bronze badge

Collectives™ on Stack Overflow

how to pass values to . net controller in Angular

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related