Understanding AngularJS ng-src

by

Put the whole path inside the $scope variable. That way ng-src will wait until you provide it with the fully resolved path to the image:

<div ng-controller="MyCtrl">
  <img ng-src="https://stackoverflow.com/questions/18235169/{{ path }}" />
</div>

function MyCtrl($scope, $timeout) {
    var path="https://si0.twimg.com/profile_images/";
    $timeout(function () {
        $scope.path = path + '2149314222/square.png';
    }, 1000);
};

FIDDLE

More Related Contents:

  1. AngularJS – Create a directive that uses ng-model
  2. Angular JS resizable div directive
  3. Angularjs autocomplete from $http
  4. When to favor ng-if vs. ng-show/ng-hide?
  5. AngularJS – UI-router – How to configure dynamic views
  6. Calculating sum of repeated elements in AngularJS ng-repeat
  7. AngularJS access scope from outside js function
  8. Unit Testing AngularJS directive with templateUrl
  9. Can an AngularJS controller inherit from another controller in the same module?
  10. getting the ng-object selected with ng-change
  11. Limit the length of a string with AngularJS
  12. AngularJS : Custom filters and ng-repeat
  13. inline conditionals in angular.js
  14. angular directive encapsulating a delay for ng-change
  15. Angular: ng-bind-html filters out ng-click?
  16. How can I test an AngularJS service from the console?
  17. Angularjs ui-router. How to redirect to login page
  18. localStorage vs sessionStorage vs cookies
  19. Send multipart/form-data files with angular using $http
  20. AngularJS leaves comments in HTML: is it possible to remove them?
  21. ng-options with disabled rows
  22. How/when to use ng-click to call a route?
  23. What’s the best way to cancel event propagation between nested ng-click calls?
  24. How to handle $resource service errors in AngularJS
  25. AngularJS: ngInclude vs directive
  26. AngularJS check if form is valid in controller
  27. How to set the value attribute for select options?
  28. AngularJS: How to nest applications within an angular app
  29. AngularJS – Why use “Controller as vm”?
  30. Angularjs ui-router abstract state with resolve

Leave a Comment