Задержать шаблон угловой директивы от компиляции до завершения функции

Question

Задержать шаблон угловой директивы от компиляции до завершения функции

0

У меня есть угловая директива, которая отображает изображение на моей странице. Однако это изображение определяется значением в запросе в 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" />'
    };
});

Проблема с вышесказанным заключается в том, что я могу видеть 2 http-запроса:

1. http://www.mydom.net/resources/{{myImage}}.png
2. http://www.mydom.net/resources/YAHOO.png

Как я могу отложить компиляцию шаблона, пока myImage не будет содержать значение?

Oam Psy 29 сен. 2015, в 12:58

Источник

0

используйте ng-src вместо src в вашем теге img .
AdityaParab 29 сен. 2015, в 10:03

Теги:

javascript

angularjs

angular-directive

angularjs-scope

3 ответа

1

используйте ng-src вместо src.

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

Rabi 29 сен. 2015, в 07:55

1

Используйте ng-src вместо src

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

Bleja_ 29 сен. 2015, в 07:52

Ещё вопросы

используйте ng-src вместо src в вашем теге img .

AdityaParab · Accepted Answer · 2015-09-29T08-47-00.000Z

ng-src должен сделать трюк ~~

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