我正在尝试通过包装 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
})
}
});
};
});
最佳答案
我找到了解决方案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);
})
}
});
};
});
关于javascript - 使用指令绑定(bind) angularjs 中的自定义事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32252179/