在一个AngularJS指令中使用handsontable-渲染一个具有ng-click的锚点

我正在使用Handsontable来呈现一个表格。（是的，我没有使用ngHandsontable。我一开始使用它，但遇到了问题，所以我只是从angularjs指令中呈现了一个Handsontable。）

我想要一个列来保存一个锚点标签。

我希望锚点标签具有angularjs的ng-click指令。

所有的内容都正确呈现，但是ng-click没有被调用。

这是我的例子。

var APP = angular.module('APP', ['controllers']);
angular.module('controllers',[])
.controller('testController', function ($scope) {
    $scope.doNgClick = function() {
        alert('ng-click');  
        // console.log('ng-click');  
    };
    $scope.simple = [
        {
            test: "Test"
            // test: "Test"
        }
    ];
});
APP.directive('htable',function($compile) {
    var directive = {};
    directive.restrict = 'A';
    directive.scope = {
        data : '='
    };
    directive.link = function(scope,element,attrs) {
        var container = $(element);
        // var safeHtmlRenderer = function (instance, td, row, col, prop, value, cellProperties) {
        //     var escaped = Handsontable.helper.stringify(value);
        //     td.innerHTML = escaped;
        //     return td;
        // };        
        var settings = {
            data: scope.data,
            readOnly: true,
            colHeaders: ['Link'],
            columns: [
                {   
                    data: "test",
                    renderer: "html", 
                    // renderer: safeHtmlRenderer,
                    readyOnly: true
                }
            ]
        };
        var hot = new Handsontable( container[0], settings );
        hot.render();
        // console.log(element.html());
        // $compile(element.contents())(scope);
    };//--end of link function
    return directive;
});