title: angular-ui-bootstrap modal not passing back result
body: <p>I am running into a problem with the modal service from Angular-ui-bootstrap. 
  I have set up the modal according to the example on : <a href="http://angular-ui.github.io/bootstrap/" rel="nofollow">http://angular-ui.github.io/bootstrap/</a> but i can not get a result back from the modal if i remove the list items from the modal content and replace them with a text area and a different ng-model. I would setup a jsfiddle but i do not know how to include specific libraries (like angular-ui-bootstrap) that are necessary to show what i want.
  I do have a screenshot of my modal : <a href="http://d.pr/i/wT7G" rel="nofollow">http://d.pr/i/wT7G</a>.</p>
  
  <p>Below is the code from my main controller, main view, modal controller and modal view:</p>
  
  <p>main view code</p>
  
  <pre><code>&lt;button type="button" class="btn btn-success" ng-click="importSchedule()"&gt;import schedule (JSON)&lt;/button&gt;
  </code></pre>
  
  <p>main controller</p>
  
  <pre><code>$scope.importSchedule = function() {
  
      var modalInstance = $modal.open({
          templateUrl: 'views/importmodal.html',
          controller: 'ModalInstanceCtrl'
      });
  
      modalInstance.result.then(function (result) {
          console.log('result: ' + result);
          // $scope.schedule = angular.fromJson(scheduleJSON);
      }, function () {
          console.info('Modal dismissed at: ' + new Date());
      });
  };
  </code></pre>
  
  <p>modal view</p>
  
  <pre><code>&lt;div class="modal-header"&gt;
    &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
    &lt;h4 class="modal-title"&gt;Import schedule(JSON)&lt;/h4&gt;
  &lt;/div&gt;
  
  &lt;div class="modal-body"&gt;
    &lt;textarea class="form-control" rows="15" ng-model="schedule"&gt;&lt;/textarea&gt;
    &lt;pre&gt;form = {{schedule | json}}&lt;/pre&gt;
  &lt;/div&gt;
  
  &lt;div class="modal-footer"&gt;
    &lt;button class="btn btn-primary" ng-click="ok()"&gt;OK&lt;/button&gt;
    &lt;button class="btn btn-default" ng-click="cancel()"&gt;Cancel&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>modal controller</p>
  
  <pre><code>'use strict';
  
  angular.module('VMP')
      .controller('ModalInstanceCtrl', function ($scope, $modalInstance) {
  
          $scope.schedule = '';
  
          $scope.ok = function () {
              console.log('schedule: ', $scope.schedule);
              $modalInstance.close($scope.schedule);
          };
  
          $scope.cancel = function () {
              $modalInstance.dismiss('cancel');
          };
  
      });
  </code></pre>