Angularjs ng keyup directive-IGI

The ng-keyup directive in AngularJS is used to bind a function to the keyup event of an HTML element. This event is fired whenever a keyboard key is released while the element has focus.

Here is an example of using ng-keyup with an input element:

re‮gi:ot ref‬iftidea.com

<input type="text" ng-model="text" ng-keyup="onKeyUp($event)">

In this example, the ng-keyup directive is bound to a function called onKeyUp, which takes the $event object as an argument. The $event object contains information about the keyup event, such as the key code and the target element.

Here is an example of the onKeyUp function:

$scope.onKeyUp = function(event) {
  if (event.keyCode === 13) { // Enter key
    alert('You pressed Enter!');
  }
};

In this example, the onKeyUp function checks if the key code of the keyup event is equal to 13, which corresponds to the Enter key. If the Enter key was pressed, the function displays an alert message.

You can also use the $event.target property to access the target element of the keyup event. Here is an example:

<input type="text" ng-model="text" ng-keyup="onKeyUp($event.target)">

In this example, the onKeyUp function takes the target element as an argument, which can be used to manipulate the element or its attributes. For example, you could clear the input field when the Enter key is pressed:

$scope.onKeyUp = function(target) {
  if (event.keyCode === 13) { // Enter key
    target.value = '';
  }
};

In this example, the onKeyUp function sets the value property of the target element to an empty string, effectively clearing the input field.

tutorial

Angularjs ng keyup directive