使用指令绑定angularjs中的自定义事件

Question

我试图通过包装jquery autocomplete插件来创建一个指令 像这样的事情

<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()"/>

<强>角

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);
                })
            }
        });
    };
});