2014-02-27 45 views
0

使用angularjs使用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點擊我需要在數據框中的屬性值這個例子

回答

1

有關使用該事件的scrElement屬性來訪問DOM元素和它的屬性是什麼。例如: -

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