javascript - 将变量传递给函数 - Angular

Question

我想打开一个模态，声明模态文件名，以及我想在模态范围内使用的图像 URL。例如:

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

当我尝试上述操作时，出现以下错误:

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

这是我正在尝试的代码 - 模态 Controller :

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
  };

});

主 Controller :

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注入(inject)到您的 Controller 中。

您想要做的是在 Controller 方法内创建一个名为 imageUrl 的输入参数:

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