angularjs - AngularJS のスコープに追加される前に、ディレクティブ テンプレートをコンパイルします。

Question

次のような AngularJS ディレクティブがあります。

MyDirective = (myService) ->

  templateUrl: 'my-partial.html'

  compile: () ->
    pre: ($scope, $element, $attrs, $controller) ->
      $attrs.$observe 'myDirective', (name) ->
        success = (response) ->
          $scope.entries = response

        failure = () ->
          console.log "Failed to load data for #{name}"

        myService.loadData(name)
        .then success, failure

MyDirective.$inject = ['MyService']

そして部分：

<ul>
  <li data-ng-repeat="entry in entries">
    <img src="{{entry.url}}">
  </li>
</ul>

DOM に追加する前に、テンプレートをコンパイルして、画像に適したものに置き換える...src="{{entry.url}}"...にはどうすればよいですか?src

問題は、非同期呼び出しがデータを受信する前に多数の 404 エラーが発生することであり、それらを回避したいと考えています。