angular.element()用法

最新推荐文章于 2024-08-07 09:41:45 发布

guo-snowstorm

最新推荐文章于 2024-08-07 09:41:45 发布

阅读量5k

点赞数

分类专栏： angularJs 文章标签： angularjs

angularJs 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

话题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 
        > 
       