1. 程式人生 > >ng-click得到當前元素,angular.element()用法

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

以下排版太亂,整理在此:點我
<!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>


相關推薦

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

以下排版太亂,整理在此:點我<!DOCTYPE html> <html> <head> <title></title> <script src="lib/jquery/jquery-1.10.

ng-click得到當前元素

場景:給多個按鈕繫結事件,並得到點選物件。 在最上面的元素加上點選事件,然後利用$event.target得到點選物件 看程式碼 <ul class="result-choose" id="ResultChoose" ng-click="ch

Angular解決IE和Firefox下button內部元素ng-click事件被遮蔽

如果我們在button元素內部有其它的子元素並且繫結點選事件,比如: 而我們的程式碼是這樣的: <body ng-controller="ctrl"> <script> angular.module("

angular動態新增帶有ng-click元素節點方法

最近在製作公司一個網頁時,有一部分元素節點需要獲取資料後再動態生成並那個插入到制定元素中,在插入的元素節點中用到了ng-click指令, 但是在頁面中點選ng-click的元素並不起作用,後來想了想,因為頁面載入時angular會掃描appName裡的元素,並把angula

Angular——ng-switch、ng-class、ng-click

cti code src == app 部分 control click var ng-switch 指令根據表達式顯示或隱藏對應的部分。對應的子元素使用 ng-switch-when 指令,如果匹配選中選擇顯示,其他為匹配的則移除。你可以通過使用 ng-switch-de

vue.js click點擊事件獲取當前元素對象

sage div get fun 事件傳播 處理 class 前行 innerhtml Vue.js可以傳遞$event對象 <body id="app"> <ul> <li v-on:click="say(‘hello!‘, $

angular中的常見指令ng-if、ng-class、ng-options、ng-value、ng-click

  這裡是修真院前端小課堂,每篇分享文從 【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴充套件思考】【更多討論】【參考文獻】 八個方面深度解析前端知識/技能,本篇分享的是: 【angular中的常見指令ng-if、ng-class、ng-options

angular-ng-click用於操作事件的指令(傳多個引數)

<!DOCTYPE html> <html ng-app="myApp"> <head>     <meta charset="UTF-8">     <title>Title</title>     <script src="js

angular ng-click獲取觸發事件物件

ng-click="shareGoods({{item.goods_id}},$event)" 傳遞一個$event物件 通過事件物件 $event.target  獲取事件源 <div class="float_left width_50 border_b_top_eee border_b_ri

Angular 動態生成html中 ng-click無效

1 bodyApp.controller('customersCtrl', function ($scope, $http, cfpLoadingBar,$compile) { 2 $scope.test = function(){ 3 alert('test');

Angular.element用法

demo如下: <html> <head> <meta http-equiv="content-type" content="text/html

ng-repeat中使用ng-click元素新增class

HTML <div> <ul> <li ng-repeat='x in date' ng-cli

ng-repeat循環遍歷的用法

-i -a 打印 用法 ini in use bin 循環 bsp ng-repeat循環遍歷的用法 <script src="../angular-1.5.5/angular.min.js"></script></head>&l

AngularJS操作DOM——angular.element

number blog data htm lsp 元素 pad addclass 16px addClass()-為每個匹配的元素添加指定的樣式類名 after()-在匹配元素集合中的每個元素後面插入參數所指定的內容,作為其兄弟節點 append()-在每個匹配

angular.element方法匯總

上一個 所有 對象 篩選 hasclass clone 同時 con with addClass()-為每個匹配的元素添加指定的樣式類名after()-在匹配元素集合中的每個元素後面插入參數所指定的內容,作為其兄弟節點append()-在每個匹配元素裏面的末尾處插入參數內容

如果通過當前元素知道父元素、同級元素

父元素、子元素基本的思路是知道了當前元素,可以通過xpath的方法找到父元素,知道了父元素之後,就可以通過父元素找子元素的方法找到同級元素。 以百度搜索輸入框為例子,找到輸入框的父元素,一種是通過..來選擇,另外一種通過xpath 軸來尋找,代碼如下:from selenium import webdrive

JS/JQuery獲取當前元素的上一個/下一個兄弟級元素元素的方法

input logs type ron put 綁定 style wid cti $(function(){ //遍歷獲取的input元素對象數組,綁定click事件 var len = $("input[type=‘file‘]").length;

jQuery判斷當前元素是第幾個元素&獲取第N個元素

jquer ont query font href 點擊 我們 div fun jQuery判斷當前元素是第幾個元素&獲取第N個元素 假設有下面這樣一段HTML代碼: <ul> <li>jQuery判斷當前元素是第幾個元素示例&

js 查找當前元素/this

turn func log var itl logs cti attr div function findTabTitle(pageId) { var $ele = null; $(".page-tabs-content").find("a.menu_ta

js添加元素,和刪除當前元素

eva for doc his con orm set lang () <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title&