angularjs - using {{}} binding inside ng-src but ng-src doesn't load

Question

I have been trying to bind a value to the ng-src of an img HTML element to no avail.

HTML code:

Answer 1

We can use ng-src but when ng-src's value became null, '' or undefined, ng-src will not work. So just use ng-if for this case:

http://jsfiddle.net/Hx7B9/299/

    
 
        
        Change Image