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

Question

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

0

Я хочу загружать изображения, когда загружается страница 'add_more_services_new.html', используя настраиваемую директиву. Если условие истинно загружает изображение, и если условие ложно, загрузите другое изображение. Ниже приведена моя индивидуальная директива.

function addMoreServicesFn(){
 return {
        restrict: 'E',
                    templateUrl: 'templates/add_more_services_new.html',

        controller:function($scope, $rootScope){
            $scope.hide = function(){
                $rootScope.modalShown = !$rootScope.modalShown; 
            }
        }

Как я могу это сделать?

Supun Wimukthi 19 июль 2015, в 18:25

Источник

Теги:

angularjs

angularjs-directive

2 ответа

Ещё вопросы

Pankaj Parkar · Answer 1 · 2015-07-19T14-23-00.000Z

Для достижения той же цели вы можете справиться с этой логикой по самому ng-src с {{}} директивой интерполяции.

<img ng-src="{{modalShown?'/img/someImg.jpg':'/img/someOtherImg.jpg'}}" alt="Some Title"/>

Спасибо. Я хочу вызвать это, когда загружается шаблон, который я определил в своей пользовательской директиве.
@SupunWimukthi да, вы можете разместить это внутри самого шаблона ..
Я не могу поместить код, как это в HTML. Я хочу вернуться к функции из моей пользовательской директивы, как объяснил мой друг @ K.Toress, но большое спасибо за ваши усилия :)

K.Toress · Answer 2 · 2015-07-19T13-33-00.000Z

Здесь вы можете использовать директиву ng-src,

создайте функцию для получения изображения src на основе такого состояния, как,

controller:function($scope, $rootScope){
        $scope.hide = function(){
            $rootScope.modalShown = !$rootScope.modalShown; 
        };

        $scope.getSrc = function() {
            if(condition_statement) {
                 return "images/a.jpg";
            } else {
                 return "images/b.jpg";
            }
        }
    }

в add_more_services_new.html

<img ng-src="{{ getSrc() }}" />

Спасибо @KalhanToress: D, но как вызвать эту функцию, когда загружается мой шаблон?
ммм помещает <img ng-src="{{ getSrc() }}" /> в add_more_services_new.html после того, как этот ng-src вызовет getSrc() в контроллере и получит src на основе условия. :)
Работает хорошо и большое спасибо :)