ng点击Bootstrap的Modal组件

我有以下代码段:

angular.module('app', [])
  .controller('itemViewCtrl', ['$scope',
    function($scope) {

      $scope.items = ['Apple', 'Orange', 'Banana'];

      $scope.selectItem = function(item) {
        $scope.currentItem = item;
        jQuery('#item-modal').modal();
      };

      $scope.dismissCurrentItem = function() {
        console.log('Dismissing current item...');
        // This is not getting called when closing the modal
      };
    }
  ]);

  

    

      {{item}}
    
  
  

    

      

        

          ×
          
          
{{currentItem}}
        
        

          This is the modal content and item's description.
        
        

          Close
        
      
    
  

data-ng-click="dismissCurrentItem()"