ng-click not getting called

[y0unghe]

I have added a button in grid-panel-content directive, when I click this button, I want to delete a image. but It seems the button ng-click is not getting called.

<grid-panel repeat="image in movieCtrl.screenshots" on-panel-opened="panelIsOpened(image)" on-panel-closed="panelIsClosed(image)">
  <grid-panel-item>
    <div>
      <img ng-src="{{image.replace('albumicon', 'photo')}}" width="100" height="100">
    </div>
  </grid-panel-item>
  <grid-panel-content>
    <button type="button" class="btn btn-danger" ng-click="deleteScreenshot(image)">Delete</button>
  </grid-panel-content>
</grid-panel>

MovieCtrl:

  $scope.deleteScreenshot = function() {
    $log.info("delete");
  };