title: Angularjs ui bootstrap modal doesn't work without resolve option
body: <p>I have created a reusable component but I keep getting issue if I don't pass resolve, what is wrong here.. thanks</p>
  
  <pre><code>$scope.open = function () {
               var modalInstance = $modal.open({
                  templateUrl: '../../App/template/commentsModal.html',
                  size: ''
                   ,
                  controller: ModalInstanceCtrl,
  
                   resolve: {
                       items: function () {
                           return 'b';
                       }
                   }
  
  
               });
  </code></pre>
  
  <p>But if I remove resolve then I keep getting [$injector:unpr] Unknown provider: itemsProvider &lt;- items</p>
  
  <p>What is items is this something internal to angularjs? here is the modal controller:</p>
  
  <pre><code>.controller('ModalInstanceCtrl', function ($scope, $modalInstance) {
      $scope.ok = function () {
          $modalInstance.close();
      };
  
      $scope.cancel = function () {
          $modalInstance.dismiss('cancel');
      };
  
  })
  </code></pre>