javascript - 使用指令在 angularjs 中绑定(bind)自定义事件

Question

我正在尝试通过包装 jquery 自动完成插件来创建一个指令像这样的东西

<input class="form-control" auto-complete ui-items="list" modvar="selectedSvr" callback="myfunction"/>

我想调用传递给回调属性的任何函数，我该如何实现？

这是我的指令

app.directive('autoComplete', function() {
    return function($scope, iElement, iAttrs) {
        iElement.autocomplete({
            source: $scope[iAttrs.uiItems],
            select: function (event,ui) {
                $scope.$apply(function () {
                    $scope[iAttrs.modvar] = ui.item.value;
                    // maybe register/call myfunction here
                })
            }
        });
    };
});

Answer 1

我找到了解决方案 here .

现在代码看起来像

HTML

<input class="form-control" auto-complete ui-items="searchList" modvar="selectedItem" on-callback="callme()"/>

Angular

app.directive('autoComplete', function() {
    return function ($scope, iElement, iAttrs) {
        iElement.autocomplete({
            source: $scope[iAttrs.uiItems],
            select: function (event,ui) {
                $scope.$apply(function () {
                    $scope[iAttrs.modvar] = ui.item.value;
                    $scope.$eval(iAttrs.onCallback);
                })
            }
        });
    };
});