AngularJs在ng-click函数中如何获取代表当前元素的DOM对象
发布日期:2021-09-02 05:58:44 浏览次数:1 分类:技术文章

本文共 940 字,大约阅读时间需要 3 分钟。

[html]
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title></title>  
  5.     <script src="lib/jquery/jquery-1.10.2.min.js"></script>  
  6.     <script src="lib/angular/angular.min.js"></script>  
  7. </head>  
  8. <body ng-app>  
  9. <div ng-controller="TestCtrl">  
  10.     <a href data="1" ng-click="GoPage($event.target)">1</a>  
  11.     <a href data="2" ng-click="GoPage($event.target)">2</a>  
  12.     <a href data="3" ng-click="GoPage($event.target)">3</a>  
  13.     <a href data="4" ng-click="GoPage($event.target)">4</a>  
  14.     <a href data="5" ng-click="GoPage($event.target)">5</a>  
  15.     {
    { page }}  
  16. </div>  
  17. <script>  
  18.     function TestCtrl($scope) {  
  19.         $scope.page = 1;  
  20.         $scope.getData = function () {  
  21.             console.log($scope.page);  
  22.         }  
  23.         $scope.GoPage = function (target) {  
  24.             $scope.page = target.getAttribute('data');  
  25.             this.getData();  
  26.         }  
  27.     }  
  28. </script>  
  29. </body>  
  30. </html>  

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

返回指定元素的scope

angular.element(selector).scope();

转载于:https://www.cnblogs.com/chengqiaoli/p/6655080.html

转载地址:https://blog.csdn.net/weixin_34138255/article/details/93748916 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:cms修改栏目单页样式错位调整
下一篇:开始HTML

发表评论

最新留言

很好
[***.229.124.182]2024年03月13日 09时49分16秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

python格式化字符串总结_Python字符串处理方法总结 2019-04-21
python中true什么意思_python中的bool是什么意思 2019-04-21
jacobian 矩阵意义_Jacobian矩阵和Hessian矩阵的作用是什么? 2019-04-21
c++ jna 数据类型_JNA 使用总结 2019-04-21
python中如何遍历列表并将列表值赋予_python中如何实现遍历整个列表? 2019-04-21
apache php mysql架构图_Apache+PHP+MYSQL+Tomcat+JK架构设计技巧与应用实战 2019-04-21
xlnt库如何编译_最新mysql数据库源码编译安装。 2019-04-21
mysql 2003错误 10055_MYSQL无法连接---提示10055错误 2019-04-21
mysql redis缓存层_redis实现缓存的两种方式 2019-04-21
git 改local branch名字_用Git管理Latex写论文的工作流程 2019-04-21
mysql索引篇_MySQL索引篇 2019-04-21
有至少一个用MySQL_Mysql有用的面试题 2019-04-21
mysql select同时update_MySQLSELECT同时UPDATE同一张表 2019-04-21
mysql删除后数据库没变化_mysql之delete删除记录后数据库大小不变 2019-04-21
net mysql start3534_MySQL 5.7.14 net start mysql 服务无法启动-“NET HELPMSG 3534” 的奇怪问题... 2019-04-21
pta两个有序链表的合并_7-1 两个有序链表序列的合并 (20分) --- 内存问题再叙 2019-04-21
python问题描述怎么写_python写文件有时候写不进去怎么办 2019-04-21
qpython3安装lxml_在python的lxml中使用xml目录? 2019-04-21
java 幂取模_快速幂取模算法 2019-04-21
java build path jre_java-如何在安装了jre 7后为Jre 6设置路径? 2019-04-21