Angularjs UI modal resolve not working. ui.bootstrap.model

Question

User clicks on videoClick

<div ng-repeat="list in lists" ng-click="videoClick(list.src)">
  {{list.src}}
</div>

This works and following executes.

 $scope.videoClick = function(val) {
   $log.info('received.');
   var modalInstance = $uibModal.open({
     size: 'lg',
     templateUrl: '/views/video_modal.html',
     animation: true,
     backdrop: false,
     controller: 'VideoController',
     resolve: {
       videoPath: function() {
         return val;
       }
     }
   });
 };

Now i am trying to get the value of 'videoPath' but i am getting an error.

Inside 'VideoController'

angular
  .module('tss.application')
  .controller('VideoController', function(videoPath) {
    "use strict";
  });

*

Any idea why i am not able to get the value of 'videoPath' inside 'VideoController' ?

*

Answer 1

Can you try

angular
  .module('tss.application')
  .controller('VideoController',['videoPath',function(videoPath) {
    "use strict";
  }]);