Question

使用angularjs

我正在尝试在按下热键时引用元素中的属性。在示例中的框中，我想单击alt-E，然后获取元素属性中的值。

<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>

js看起来像这样

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

}）;

在这个例子中，当点击alt-E时我需要数据框中的属性值吗？

Answer 1

如何在事件上使用scrElement属性来访问dom元素及其属性。 E.g：

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

使用Angularjs如何从元素引用属性

1 个答案: