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

Question

Changing the ng-src value is actually very simple. Like this:

<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
</head>
<body>
<img ng-src="{{img_url}}">
<button ng-click="img_url="https://farm4.staticflickr.com/3261/2801924702_ffbdeda927_d.jpg"">Click</button>
</body>
</html>

Here is a jsFiddle of a working example: http://jsfiddle.net/Hx7B9/2/

Leave a Comment Cancel reply