javascript - ng-click 不适用于自定义指令

Question

我尝试在自定义指令上使用 ng-click 指令，但它似乎没有执行 Controller 中定义的关联函数。看起来我错过了一些非常明显的东西。请帮忙。谢谢。

HTML:

<tab-link class="checked" ng-click="onEdit('performance')" href="#" value="Performance"></tab-link>
<tab-link href="#/planning" ng-click="onEdit('forecast')" value="Forecast"></tab-link>

指令:

.directive('tabLink', function () {
    return {
        restrict: 'E',
        template: "<a class='tab-link'><span></span></a>",
        replace: true,
        scope: {
            text: '=',
            value: '@'
        },
        link: function (scope, element) {
            $(function () {
                var span = element[0].children[0];
                span.innerHTML = scope.value;

                $(element[0]).on("click", function (e) {
                    $.each($(".tab-link"), function (index, el) {
                        if (el != element[0]) {
                            if ($(el).hasClass("checked")) {
                                $(el).removeClass("checked");
                            }
                        } else {
                            if (!$(el).hasClass("checked")) {
                                $(el).addClass("checked");
                            }
                        }
                    });
                })
            });
        }
    }
})

Controller :

$scope.onEdit = function(page) {
    console.log(msg);
};

Answer 1

您可以查看警报。

$scope.onEdit = function(page) {
    alert(page);
    console.log(page);
};