What is wrong with this angular code?

Question

This is the code that I am using to get images:

<img ng-src="{{url}}{{product.image}}" class="product-image">

But it wont fetch the image.

it only gets the file path but not the product image name.

score 4 · Answer 1 · answered Oct 22 '15 at 16:38

4

The correct syntax should be

<img ng-src="{{url + product.image}}" class="product-image">

answered Oct 22 '15 at 16:38

Pankaj Parkar

I still get the same file path – Ryan Byrne Oct 22 '15 at 17:03
@RyanByrne could you update your question with what error you are getting & what your are expecting.. – Pankaj Parkar Oct 22 '15 at 17:03

score 1 · Answer 2 · answered Oct 22 '15 at 16:41

1

I think you are missing the "/" with url/image try with src instead of ng-src

<img src="{{url}}/{{product.image}}" class="product-image">

answered Oct 22 '15 at 16:41

Shashi

I tried this but the path I get now is: mydomain.com/xxx/cms/api/uploads/" – Ryan Byrne Oct 22 '15 at 17:02

score 0 · Answer 3 · answered Oct 22 '15 at 17:29

0

Do you tryed to show in console the result of the variables url and product.image?

console.log(url + product.image);

The value is correct?

answered Oct 22 '15 at 17:29

Paulo Teixeira

3 Answers3