本文介绍了详解angularjs获取元素以及angular.element()用法 ,分享给大家,具体如下:
ng-click得到当前元素,angular.element()用法
话题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对象可以做的事
返回指定元素的scope:
var sidebar = document.getelementsbyid('sidebar'); var scope = angular.element(sidebar).scope();
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
Angular8引入百度Echarts进行图表分析的实现代码
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
angular inputNumber指令输入框只能输入数字的实现
网友评论