Angular JS: using ng-switch and checking if file exists

Question

i am looping through a list of things, and if a thing has an image i want to show it. but if a thing does not have an image, i want to display default text: ```

No Image

``` this works and the default text is displayed. however, the browser is also throwing an error trying to get an image which does not exist: ``` http://localhost:9000/img/myThings/%7B%7BmyThing.id%7D%7D 404 (Not Found) ``` is there a way to format this ng-switch function so that this error is not thrown?

Accepted Answer

Use ng-src instead of `src`, this is from the doc:

Using Angular markup like {{hash}} in a src attribute doesn't work right: The browser will fetch from the URL with the literal text {{hash}} until Angular replaces the expression inside {{hash}}. The ngSrc directive solves this problem.

```
<img ng-src="/img/myThings/{{myThing.id}}" />
```

Angular JS: using ng-switch and checking if file exists

Solution

Problem