Javascript 延迟编译角度指令模板，直到函数完成

我有一个在页面上显示图像的角度指令。但是，此图像由URL中查询字符串中的值决定：

app.directive('myDirective', function(myService) {
    return {
        restrict: 'A',
        replace: true,
        scope: true,
        link: function($scope, element, attrs) {

            var myImage = myService.getParam();

            if (myImage == AA3) {
                $scope.myImage = 'YAHOO';
            }
            else {
                $scope.myImage = 'capitalone';
            }

        },
        template : '<img src="/resources/{{myImage}}.png" />'
    };
});

---

如何延迟模板的编译，直到myImage包含一个值？

使用ng src而不是src

<img ng-src="/resources/{{myImage}}.png" />

应该可以做到这一点~~

---

模板：'

使用ng src而不是src

template : '<img ng-src="/resources/{{myImage}}.png" />'

模板：“”

在

img

标签上使用

ng src

而不是

src

。

template : '<img ng-src="/resources/{{myImage}}.png" />'