title: angularjs $scope variable inside jquery bind method
body: <p>I have been using Fullcalender directive in angularjs application. As I have been in the documentation there is double click handle exists in Fullcalender jquery plugin.</p>
  
  <p>Here is the ref: <a href="http://code.google.com/p/fullcalendar/issues/detail?id=375#makechanges" rel="nofollow">http://code.google.com/p/fullcalendar/issues/detail?id=375#makechanges</a></p>
  
  <p>There is a suggestion for the double click is that we should used eventRedner event handler for registering double event. As I did and got succeed but the problem is I wont be able to call $modal box inside bind method.</p>
  
  <p>Here is the code.</p>
  
  <pre><code>$scope.eventPopup = function(event,element){
      console.log($scope);
  
      element.bind('dblclick', function(e) {
          console.log("double click" );
          var modalInstance = $modal.open({
              templateUrl: Drupal.settings.angularjsApp.basePath + '/ng_node/calender/popup',
              controller: ModalInstanceCtrl,
              scope: $scope
          });
      });
  };
  </code></pre>
  
  <p>Calender configuration:</p>
  
  <pre><code>$scope.uiConfig = {
      calendar:{
          height: 450,
          editable: true,
          eventStartEditable: false,
          header:{
              left: 'prev,next today',
              center: 'title',
              right: 'month,basicWeek,basicDay'
          },
          //eventClick: $scope.alertOnEventClick,
          eventDrop: $scope.alertOnDrop,
          eventResize: $scope.alertOnResize,
          eventRender: $scope.eventPopup
  
      }
  };
  </code></pre>
  
  <p>Can any one suggest me what should I do?</p>
  
  <p>Thanks</p>