Передать переменные в функцию - Угловая

Question

Я хочу открыть модальное объявление модального имени файла и URL-адрес изображения, который я хочу использовать в области модальности. например:

ng-click="showModal('screenshot','http://placehold.it/800x550')" 

Когда я пытаюсь выше я getiing следующее сообщение об ошибке:

Error: [$injector:unpr] Unknown provider: imageUrlProvider <- imageUrl <- ModalController 

Вот код, который я пытаюсь - модальный контроллер:

hmwsApp.controller('ModalController', function($scope, close, imageUrl) { 

    $scope.imageUrl = imageUrl; 

    $scope.close = function(result) { 
    close(result, 500); // close after 500ms to allow for bootstrap to animate 
    }; 

}); 

Главный контроллер:

hmwsApp.controller('mainController', ['$scope', '$http', '$rootScope', 'ModalService', function($scope, $http, $rootScope, ModalService) { 

$scope.showModal = function(modalUrl, imageUrl) { 
    ModalService.showModal({ 
    templateUrl: '/views/modals/' + modalUrl + '.html', 
    controller: "ModalController", 
    resolve: { 
     imageUrl: function() { 
     return imageUrl; 
    } 
    } 
    }) 
    .then(function(modal) { 
    modal.element.modal(); 
    modal.close.then(function(result) { 
     $scope.message = "Image shown " + result; 
    }); 
    }); 
}; 

}]); 

Есть ли какие-либо вещь явно не так?

Answer 1

То, что вы сделали здесь:

hmwsApp.controller('ModalController', function($scope, close, imageUrl) 

впрыскивается imageUrl в контроллер.

Что вы хотите сделать, это создать входные параметры с именем ImageUrl внутри метода контроллера:

hmwsApp.controller('ModalController', function($scope) { 
    $scope.showModal = function(screenshot,imageUrl){ 
     // do something 
    } 
    ...... 
    });