Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
<div>broken
<img id="broken" ng-src="http://jsfiddle.net/img/{{ pathExt }}" style="background-color: black" />
</div>
<div>Ok
<img id="ok" ng-src="{{pathExt && 'http://jsfiddle.net/img/' + pathExt }}" style="background-color: black" />
</div>
<div>Best
<img id="best" ng-src="{{getImage()}}" style="background-color: red" />
</div>
</div>
JavaScript
var myApp = angular.module('myApp', []);
function MyCtrl($scope, $timeout) {
$scope.getImage = function () {
return $scope.path;
}
$timeout(function () {
$scope.pathExt = '[email protected]';
}, 5000);
$scope.path = 'http://jsfiddle.net/img/[email protected]';
};