Angular 2 http request is not hitting web api get method with a string parameter overload

Question

My problem is that the first Get method is called from this http request: http://localhost:56690/api/testelements/?name=aeg

wouldn't I expect my this to hit the second (string overload) method since it has a string parameter? How do I make it hit the second (string overload) method?

this is my web api controller in c#

// GET api/<controller>
public IEnumerable<TestElement> Get()
{
    return testelements;
}

// GET api/<controller>/searchString
//[HttpGet, Route("api/testelements/{name=name}")]
public IEnumerable<TestElement> Get(string searchString)
{
    return Array.FindAll(testelements, s => s.name.Contains(searchString));
}

for my angular service i have this typescript code

search(term: string): Observable<testelement[]> {
    return this.http
               .get(`api/testelements/?name=${term}`)
               .map(response => response.json() as testelement[]);
}

my WepApiConfig.cs

public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        // Web API configuration and services

        // Web API routes
        config.MapHttpAttributeRoutes();

        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
    }
}

I dont want it to override this function!:

public IHttpActionResult Get(int id)
{
    var testelement = testelements.FirstOrDefault((p) => p.id == id);
    if (testelement == null)
    {
        return NotFound();
    }
    return Ok(testelement);
}

Vivek Singh · Accepted Answer · 2017-02-25 08:39:27Z

2

Try this,

[HttpGet, Route("api/testelements/{searchString}")]
public IEnumerable<TestElement> Get(string searchString)
{
    return Array.FindAll(testelements, s => s.name.Contains(searchString));
}


search(term: string): Observable<testelement[]> {
    return this.http
               .get(`api/testelements/` + ${term}) //append your search term at end of your Url.
               .map(response => response.json() as testelement[]);
}

Url to test from browser: http:yourUrl/api/testelements/123

Update

I dont want it to override this function!:

public IHttpActionResult Get(int id)
{
    var testelement = testelements.FirstOrDefault((p) => p.id == id);
    if (testelement == null)
    {
        return NotFound();
    }
    return Ok(testelement);
}

If you don't want to override the above method, then you need to change the Attribute route of this function,

[HttpGet, Route("api/test/{searchString}")] // previous route [HttpGet, Route("api/testelements/{searchString}")]   
public IEnumerable<TestElement> Get(string searchString)
{
    return Array.FindAll(testelements, s => s.name.Contains(searchString));
}

If you need more info on routing, Check this out

edited Feb 25, 2017 at 8:39

answered Feb 24, 2017 at 17:39

Vivek Singh

1,11310 silver badges20 bronze badges

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

3 Comments

Goku Over a year ago

I'm getting a syntax error for ${term} argument of type search '{term: string}' is not assignable of type 'RequestOptionArgs' Object literal may specify known parameters are you sure this is what you used?

Goku Over a year ago

Actually got it, it just needed + '${term}' instead of + ${term}. im going to edit your answer. thank you for your help!!!

Goku Over a year ago

one problem is that it also overrides this function... public IHttpActionResult Get(int id) { var testelement = testelements.FirstOrDefault((p) => p.id == id); if (testelement == null) { return NotFound(); } return Ok(testelement); }

Collectives™ on Stack Overflow

Angular 2 http request is not hitting web api get method with a string parameter overload

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related