Using Angularjs how to reference an attribute from an element

Question

Using angularjs

I am trying to reference an attribute from an element when a hotkey is pressed. In the boxes in the example, I would like to click alt-E and then get the value in an attribute on the element.

<body ng-controller="Ctrl" ng-keydown="down($event)">
<h1>Test HotKey!</h1>    
 <div><input data-box="65"></input></div>
 <div><input data-box="234"></input></div>
 <div><input data-box="9"></input></div>
 <div><input data-box="32"></input></div>
 <div><input data-box="13"></input></div>

The js looks like this

var myApp = angular.module('myApp', []);

myApp.controller('Ctrl', function($scope) {

   $scope.down = function($event) {

      console.log($event);
      console.log($scope);

      if($event.altKey === true ) {
          alert($event.target.attributes);
    }
  };

});

in this example when the alt-E is clicked I need the attribute value in data-box?

honzajscz · Accepted Answer · 2014-02-27 22:35:44Z

1

What about using the scrElement property on the event to access the dom element and its attributes. E.g.:

 myApp.controller('Ctrl', function ($scope) {
        $scope.down = function ($event) {
            var elem = angular.element($event.srcElement);
            console.log(elem.attr("data-box"));
        };
    });

edited Feb 27, 2014 at 22:35

answered Feb 27, 2014 at 19:41

honzajscz

3,1452 gold badges30 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using Angularjs how to reference an attribute from an element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related