angular http: how to call images with custom headers?

Question

In the html view, images are displayed like this:

element.image.url points to a

Answer 1

Consider the URL be http://foo.com/bar.png

In your controller,

angular.module('foo')
  .controller('fooCtrl', ['$sce',
    function($sce) {
      $scope.dataSrc = "http://foo.com/bar.png"
      $scope.src = $sce.trustAsResourceUrl($scope.dataSrc)
    }
  ])

And in your view,

.. seems to do the trick.