文档章节

ng-click得到当前元素,angular.element()用法

剑禅觅心
 剑禅觅心
发布于 2016/08/01 21:26
字数 201
阅读 69
收藏 0
以下排版太乱,整理在此:点我
<!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>

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

返回指定元素的scope

<code><span class="pln">angular</span><span class="pun">.</span><span class="pln">element</span><span class="pun">(</span><span class="pln">selector</span><span class="pun">).</span><span class="pln">scope</span><span class="pun">();</span></code>


Access and manipulate AngularJS $scope from browser's console

how to access the angular $scope variable in browsers console

AngularJs学习笔记--Scope


本文转载自:http://blog.csdn.net/amohan/article/details/39249369

剑禅觅心
粉丝 6
博文 224
码字总数 0
作品 0
深圳
高级程序员
私信 提问
angularjs ng-repeat无法正确移除通过compile来的元素

我在用ANGULARJS实现一个TAB控件 {{pane.title}} ch-pane的模板如下 只是个占位符,在他link时会动态的往里面加一个由compile来的元素 directive('chPane', function($compile) { return { ...

LJERRY
2015/09/09
452
0
外部javascript 方法修改 angularjs 中$rootScope和$scope

修改 $rootScope var $body = angular.element(document.body); // 1var $rootScope = $body.scope().$root; // 2$rootScope.$apply(function () { // 3 $rootScope.notesconfigs.outpath = ......

乾坤摄
2015/07/18
0
0
angular封装modal,一个modal,多次使用

js: app.directive("modal", ["$timeout", function ($timeout) { return { restrict: "AE", templateUrl: "/template/modal.html", scope: { modalData: "=", sureCallback: "&", clearSear......

LorinLuo
2016/11/21
39
0
AngularJS 学习笔记---AngularJS 参考手册

AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应用程序的根元素。 ng-bind 绑定 HTML 元素到应用程序数据 ng-bind-html 绑定 HTML 元素的 innerHTML 到应用程序数据,...

恋空御月
2016/05/30
20
0
angularjs array改变,但ng-repeat没有刷新

angular菜鸟,在网上下载了一个自定义指令,实现ionic 的slide tab scroll结合,在ion-slide使用ng-repeat指令,在controller实现对数组的操作,但是数组发生改变,ng-repeat却没有更新。对m...

elysium09
2017/03/31
371
0

没有更多内容

加载失败,请刷新页面

加载更多

G1 垃圾收集器介绍-转

https://www.cnblogs.com/ASPNET2008/p/6496481.html

Java搬砖工程师
12分钟前
0
0
超高性能 key-value 数据库 Redis-基础数据结构

Redis的魅力 缓存大致可以分为两类:1.一种是应用内缓存,比如Map(简单的数据结构),以及EH Cache(Java第三方库);2.另一种 就是缓存组件,比如Memached,Redis;Redis(remote dictiona...

须臾之余
22分钟前
1
0
Mysql表分区的选择与实践小结

在一些系统中有时某张表会出现百万或者千万的数据量,尽管其中使用了索引,查询速度也不一定会很快。这时候可能就需要通过分库,分表,分区来解决这些性能瓶颈。 一. 选择合适的解决方法 1....

小谜弟
29分钟前
3
0
为 git 添加多个公秘钥

如果想为主机配置多个git设置,设置多个git公、秘钥,只需在生成密钥时指定密钥保持的文件即可,保证保存密钥的文件不同即可。 示例: ssh-keygen -t rsa -C "YOUR_EMAIL@YOUREMAIL.COM" -f...

niithub
29分钟前
0
0
walle-web 2.0安装流水

一、环境安装 VMware Workstation,centos7.6 64位,lnmp1.5 二、安装lnmp1.5 wget http://soft.vpser.net/lnmp/lnmp1.5.tar.gz -cO lnmp1.5.tar.gz && tar zxf lnmp1.5.tar.gz && cd lnmp1......

我心中有猛狗
31分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部