title: angular ui error: $modal.open is not a function
body: <p>I'm trying to get a modal to appear using Angular-UI v0.10.0 (<a href="http://angular-ui.github.io/bootstrap/">http://angular-ui.github.io/bootstrap/</a>) and Angular 1.1.5 and I receive the following error:</p>
  
  <blockquote>
    <p>Error: $modal.open is not a function</p>
  </blockquote>
  
  <p>I'm not sure or why I'm getting this error. Here's what I have...</p>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;div ng-controller="ModalDemoCtrl"&gt;
          &lt;button class="btn btn-default btn-sm" ng-click="open()"&gt;open me&lt;/button&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>app.controller('ModalDemoCtrl', ['$scope', '$modal', function ($scope, $modal) {
      $scope.open = function () {
          var modalInstance = $modal.open({
              templateUrl: 'template.html',
              controller: 'ModalInstanceCtrl', 
              resolve: {}
          });
      };
  }]);
  
  app.controller('ModalInstanceCtrl', ['$scope', '$modalInstance', function ($scope, $modalInstance) {
      $scope.ok = function () {
          $modalInstance.close();
      };
      $scope.cancel = function () {
          $modalInstance.dismiss('cancel');
      };
  }]);
  </code></pre>
  
  <p>I'm just trying to get the basics down first...like getting it to open. I've pretty much exhausted me resources, so any help would be greatly appreciated! Thanks!</p>