带有AngularJS的ColorBox，带有ng-click绑定

Question

好的，所以为彩色盒创建指令相当容易，如下所述：

How to use Colorbox with Angular JS

但是如果你想将按钮绑定到ng-click事件怎么办？最佳实践建议操作的处理函数（在我的情况下删除）应该在控制器上定义的指令中。我的colorbox指令如下所示：

    mod.directive('colorbox', function() {
        return {
            restrict: 'A',
            scope: true,
            controller: function($scope, $element){
                $scope.delete = function() {
                    console.log('I want this code to fire');
                };
            },
            link: function (scope, element, attrs) {
                $(element).colorbox({ inline: true, title: ' ', href: "#delconfirm", className: "delgroup", width: 450, height: 200, close: "" }, function() {
                });
            }
        };
    });

我将加载到颜色框中的模板包含一个带有ng-click的操作按钮：

            <button ng-click="delete()">Delete</button>

然而，这不起作用。如果我将删除功能移动到我的父控制器，并从指令中删除控制器，它然后工作。有什么想法吗？