angular获取当前元素信息及scope

最新推荐文章于 2020-11-26 16:09:35 发布

转载最新推荐文章于 2020-11-26 16:09:35 发布 · 575 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2391658/blog/886767

文章标签：

#javascript #python #ViewUI

本文介绍如何在AngularJS中使用ng-click获取被点击元素，并通过$event.target实现页面跳转功能。同时展示了angular.element()的用法及如何获取指定DOM元素的Scope。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

1、ng-click获得当前元素，不多说直接看示例代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="lib/jquery/jquery-1.10.2.min.js"></script>
    <script src="lib/angular/angular.min.js"></script>
</head>
<body ng-app>
<div ng-controller="TestCtrl">
    <a href data="1" ng-click="GoPage($event.target)">1</a>
    <a href data="2" ng-click="GoPage($event.target)">2</a>
    <a href data="3" ng-click="GoPage($event.target)">3</a>
    <a href data="4" ng-click="GoPage($event.target)">4</a>
    <a href data="5" ng-click="GoPage($event.target)">5</a>
    {{ page }}
</div>
<script>
    function TestCtrl($scope) {
        $scope.page = 1;
        $scope.getData = function () {
            console.log($scope.page);
        }
        $scope.GoPage = function (target) {
            $scope.page = target.getAttribute('data');
            this.getData();
        }
    }
</script>
</body>
</html>

2、angular.element()用法

在Control中，angular.element()返回一个jquery对象，如angular.element(document).ready(function(){});

所以你可以对她做你对所有jquery对象可以做的事

3、返回指定元素的scope：

var sidebar = document.getElementsById('sidebar'); var scope = angular.element(sidebar).scope();

转载于:https://my.oschina.net/u/2391658/blog/886767