2016-03-25 2 views
2

Я использую https://github.com/simpulton/angularjs-wizard для моего проекта, он работает, (я изменил его немного, заменил var app на $scope)AngularJS: пройти переменный модальные

, но мне нужно передать переменную open функции:

$scope.open = function (image) 
    { 
     $scope.image = image; 

     var modalInstance = $uibModal.open({ 
      templateUrl: 'wizard.html', 
      controllerAs: 'modal', 
      size: 'lg', 
      controller: 'ModalCtrl', 
      resolve: { 
       image: function() { 
        return image; 
       } 
      } 
     }); 

     modalInstance.result 
      .then(function (data) { 
       $scope.closeAlert(); 
       $scope.summary = data; 
      }, function (reason) { 
       $scope.reason = reason; 
      }); 
    }; 

и в HTML:

ng-click="open(image)" 

но image является undefined в моем шаблоне

это работает, если я только модальное окно, с примером из https://angular-ui.github.io/bootstrap/#/modal, , но не с этим мастером, например

обновление:

https://jsfiddle.net/Ginstay/znz64sk3/2/

да, ajax завершается в настоящий момент, когда я открываю окно модального кода

, и если добавить точку останова в return image; изображение есть

+0

Вы можете создать jsfiddle? Трудно поймать, где проблема/ –

+0

Попробуйте пропустить URL-адрес изображения в ng-click = "open ('http://urlofimage.com')" –

+0

это не URL-адрес, это объект, полученный с помощью запроса ajax из-за по той же причине, я не могу сделать jsfiddle, но я попробую сейчас – lasoweq

ответ

4

Попробуйте один

angular.module('plunker', ['ui.bootstrap']); 
var ModalDemoCtrl = function ($scope, $modal) { 

var modalInstance = $modal.open({ 
    templateUrl: 'myModalContent.html', 
    controller: ModalInstanceCtrl, 
    resolve: { 
    test: function() { 
     return 'test variable'; 
    } 
    } 
}); 
}; 

var ModalInstanceCtrl = function ($scope, $modalInstance, test) { 
    $scope.test = test; 
}; 
+0

спасибо, вот оно, я просто подумал об этом самостоятельно – lasoweq

1

Я понял это, мне нужно, чтобы добавить

$scope.image = image; 

в ModalCtrl

Смежные вопросы