at this point, I'm new to AngularJS.
This works:
scope.$apply(scope.hideTooltip());
But calling the function dynamically does not work:
scope.$apply(
scope.$eval(attrs.ngEnter, {'event': event})
);
HTML:
<input type="text" ng-model="value" ng-enter="hideToolTip()" />
The enitre directive:
app.directive('ngEnter', function() {
return function(scope, element, attrs) {
console.log(scope.hideTooltip());
element.bind("keydown keypress", function(event) {
if(event.which === 13) {
console.log(attrs.ngEnter);
scope.$apply(
scope.$eval(attrs.ngEnter, {'event': event})
);
event.preventDefault();
}
});
};
});
So, how do I call a function dynamically in an AngularJS directive?