angularJs获取点击的元素

来源:互联网 发布:宝贝关键词怎么优化 编辑:程序博客网 时间:2024/06/05 22:25


这个代码我用的是菜鸟教程中的代码案例

要求获取button中的class属性

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>

<body>


<div ng-app="myApp" ng-controller="personCtrl">


<button ng-click="toggle()">隐藏/显示</button>


<p ng-show="myVar">
名: <input type=text ng-model="person.firstName"><br>
姓: <input type=text ng-model="person.lastName"><br><br>
姓名: {{person.firstName + " " + person.lastName}}

</p>
<button ng-click="aaa('1','2',
$event)" class="bbb">饿了了</button>
</div>


<script>
var app = angular.module('myApp', []);
app.controller('personCtrl', function($scope) {
    $scope.person = {
        firstName: "John",
        lastName: "Doe"
    };
    $scope.myVar = true;
    $scope.toggle = function() {
        $scope.myVar = !$scope.myVar;
    };

$scope.aaa=function(a,b,c){

console.log(c.target);

console.log(c.target.getAttribute("class"));
}

});
</script>

</body>

</html>


控制台输出:


原创粉丝点击