Path variable data is not recognized by spring boot when passed from angular

Question

I have used angualr 7 and i m passing the value from the service class of angular as:

executeHelloWorldBeanServiceWithPathVariable(name){
    console.log("name coming from here"+name);
    return this.httpClient.get<HelloWorldBean>('http://localhost:8080/hello-world/path-variable/${name}');
     console.log("hello world bean service executed");
   }

The name is being printed in console as I tested:

console.log("name coming from here"+name);

Its being printed in console as here is no problem.

In my spring boot i declared as:

@GetMapping(path="/hello-world/path-variable/{name}")  
    public HelloWorldBean helloWorldBeanPathVariable(@PathVariable("name") String name) {
        System.out.print("name is"+name);
        return new HelloWorldBean(String.format("Hello world %s", name));
    }

The name parameter which I pass from angular is not being printed as I tried to debug using:

System.out.print("name is"+name);

But it is showing in el expression

So in my UI I am getting:

wentjun · Accepted Answer · 2019-07-26 02:00:53Z

2

It seems like you aren't using the actual template literal syntax on your executeHelloWorldBeanServiceWithPathVariable method. I am assuming you are trying to use that because of the ${} expression.

This might be the reason why the request didn't get parsed correctly. You should be using back ticks(`) instead of single or double quotes.

executeHelloWorldBeanServiceWithPathVariable(name){
  return this.httpClient.get<HelloWorldBean>(`http://localhost:8080/hello-world/path-variable/${name}`);
}

In addition, to actually return the observables from the API request, you will have to subscribe() to it on the component that requires it.

For instance,

constructor(
  private yourService: YourService,
) { }

ngOnInit() {
  this.yourService.executeHelloWorldBeanServiceWithPathVariable('someName').subscribe(res => {
    console.log(res);
    // do the rest here
  })
}

edited Jul 26, 2019 at 2:00

answered Jul 26, 2019 at 1:57

wentjun

42.8k10 gold badges108 silver badges116 bronze badges

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

1 Comment

wentjun Over a year ago

@ashwinkarki glad to help!

Naman Singh · Accepted Answer · 2020-05-28 11:35:06Z

-1

use backticks ` instead using ' or " for concatanation whenever work on typescript. specifically where you evaluate some value like "my string"+${myname}

answered May 28, 2020 at 11:35

Naman Singh

392 bronze badges

1 Comment

Homungus Over a year ago

this is not an answer to the question - more like a comment.

Collectives™ on Stack Overflow

Path variable data is not recognized by spring boot when passed from angular

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related