Retrieving params from url with c# and angular

Question

I am having issues retrieving parameters from my URL that is an API. Any help would be greatly appreciated.

Here is my c# code

[Route("api/[controller]")]
   public class PasswordController : Controller
   {
       private readonly AppSettings _options;

       public PasswordController(IOptions<AppSettings> optionsAccessor)
       {
           _options = optionsAccessor.Value;

       }

       [HttpGet]
       //this isnt returning anything...
       public IActionResult Get([FromQuery]string emp)
       {
           var x = HttpContext.Request.Query["emp"].ToString();
               Response.Headers.Add("x-emp-name", x);

           return Json(_options.ClientSettings);
       }

Here is my angular code ts

 private GetData(): void {
     this.http.get('api/password').subscribe(values => {
     this.ViewOptions = values.json();
     this.titleService.setTitle(this.ViewOptions.changePasswordTitle + " -
" + this.ViewOptions.applicationTitle);
     if (this.ViewOptions.recaptcha.isEnabled) {
       this.FormGroup.addControl('reCaptcha', new FormControl('',
[Validators.required]));
       const sp = document.createElement('script');
       sp.type = 'text/javascript';
       sp.async = true;
       sp.defer = true;
       sp.src =
'https://www.google.com/recaptcha/api.js?onload=vcRecaptchaApiLoaded&render=explicit&hl='
+ this.ViewOptions.recaptcha.languageCode;
     }
   });
 }

Here is my browser console screenshot

Your URL also doesn't look correct. It should (?) be something like api/password?emp= — Mark C.
– Mark C., Commented Feb 22, 2018 at 19:26
Thanks for the comment how would I had a var param to the url in my angular code? @MarkC. — Snowman08
– Snowman08, Commented Feb 23, 2018 at 15:31

Mark C. · Accepted Answer · 2018-02-23 15:37:28Z

1

You can pass a parameter into your method:

 private GetData(queryParam): void {
     this.http.get('api/password?emp=' + queryParam).subscribe(values => {
     this.ViewOptions = values.json();
 ///code omitted

note: I don't know the exact syntax for TypeScript parameters so this probably isn't copy/paste-able.

answered Feb 23, 2018 at 15:37

Mark C.

6,5004 gold badges39 silver badges74 bronze badges

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

Comments

Corristo · Accepted Answer · 2018-02-22 19:36:28Z

1

So as I understand your question, you try to call the api/password endpoint with the get parameter ?emp=Test from within an angular web app.

As I see you don't call the endpoint with the parameter but call the whole angular app with the parameter. So my suggestion was to call

this.http.get('api/password?emp=Test').subscribe

from the typescript code.

answered Feb 22, 2018 at 19:36

Corristo

636 bronze badges

2 Comments

Snowman08 Over a year ago

How would I call this with a variable because the param wouln't always be "Test"? Thanks for you answer btw @Corristo

Corristo Over a year ago

did your controller receive "Test" in the emp param? If yes pls mark my answer as correct cause this was what the question was about. As Mark C. wrote with this.http.get('api/password?emp=' + param) you can build your request url with JS variables.

Collectives™ on Stack Overflow

Retrieving params from url with c# and angular

Here is my c# code

Here is my angular code ts

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Here is my c# code

Here is my angular code ts

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related