成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

【Angularjs文檔翻譯及實(shí)例】DOM事件

awesome23 / 2234人閱讀

摘要:把當(dāng)中涉及事件的屬性整理一下,此文檔是基于英文文檔整理的。約定此文中表示屬性名。用法參數(shù)參數(shù)類型詳情提交表單時(shí),表達(dá)式被觸發(fā)事件對(duì)象與一樣可獲得綜合實(shí)例代碼代碼地址如有問(wèn)題,請(qǐng)指正。

把Angularjs當(dāng)中涉及DOM事件的屬性整理一下,此文檔是基于1.4.8英文文檔整理的。

約定:
此文中ngXxx表示ng-xxx屬性名。

ngBlur

用法


...

參數(shù)

參數(shù) 類型 詳情
ngBlur expression 表達(dá)式將在失去焦點(diǎn)時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得)
ngFocus

用法


...

參數(shù)

參數(shù) 類型 詳情
ngFocus expression 表達(dá)在獲得焦點(diǎn)時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得)
ngChange

用法


...

參數(shù)

參數(shù) 類型 詳情
ngChange expression 表達(dá)式將在input控件被改變時(shí)觸發(fā)
ngChecked

用法


...

參數(shù)

參數(shù) 類型 詳情
ngChecked expression 如果表達(dá)式為真,那么就會(huì)在元素上設(shè)置checked屬性
ngClick

用法


...

參數(shù)

參數(shù) 類型 詳情
ngClick expression 當(dāng)被點(diǎn)擊的時(shí)候觸發(fā)表達(dá)式(事件對(duì)象與$event一樣可獲得)
ngKeydown/ngKeypress/ngKeyup

用法


...


...


...

參數(shù)

參數(shù) 類型 詳情
ngKeydown expression 表達(dá)式在按鍵按下時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得,并且可以查詢keyCode, altKey等)
ngKeypress expression 表達(dá)式在按鍵按下時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得,并且可以查詢keyCode, altKey等)
ngKeyup expression 表達(dá)式在按鍵釋放時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得,并且可以查詢keyCode, altKey等)
ngMousedown/ngMouseup

用法


...


...

參數(shù)

參數(shù) 類型 詳情
ngMousedown expression 表達(dá)式在鼠標(biāo)按下時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得)
ngMouseup expression 表達(dá)式在鼠標(biāo)釋放時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得)
ngMouseenter/ngMousemove

用法


...


...

參數(shù)

參數(shù) 類型 詳情
ngMouseenter expression 表達(dá)式在鼠標(biāo)進(jìn)入元素時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得)
ngMousemove expression 表達(dá)式在鼠標(biāo)在元素上移動(dòng)時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得)
ngMouseover/ngMouseleave

用法


...


...

參數(shù)

參數(shù) 類型 詳情
ngMouseover expression 表達(dá)式在鼠標(biāo)穿過(guò)元素時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得)
ngMouseleave expression 表達(dá)式在鼠標(biāo)離開時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得)
ngSelected

用法

參數(shù)

參數(shù) 類型 詳情
ngSelected expression 表達(dá)式為真時(shí),selected屬性將被設(shè)置在元素上。
ngSubmit

用法

...

參數(shù)

參數(shù) 類型 詳情
ngSubmit expression 提交表單時(shí),表達(dá)式被觸發(fā)(事件對(duì)象與$event一樣可獲得)
綜合實(shí)例

html代碼

touch me

msg1:{{changeStatus}},content:{{change}}

change status of select

js代碼

angular.module("myapp", [])
    .controller("formCtrl", function($scope) {
        $scope.change = "change me";
        $scope.changeStatus = "no change";
        $scope.isStatus = false;
        $scope.option = false;

        $scope.changeEvent = function() {
            $scope.changeStatus = "be changed";
        }

        $scope.btnClickChangeCheckboxEvent = function() {
            $scope.isStatus = !$scope.isStatus;
        }
    });

DEMO地址:https://jsfiddle.net/Lionney/vLkoz9d3/

如有問(wèn)題,請(qǐng)指正。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/78796.html

相關(guān)文章

  • Angularjs文檔翻譯實(shí)例】表單指令集(input)

    摘要:設(shè)置了屬性,清空一下內(nèi)容查看效果設(shè)置了屬性,增加內(nèi)容查看效果運(yùn)行效果以及用法其中以及請(qǐng)參照的參數(shù)列表,下面,僅列出與上個(gè)控件不同的參數(shù)。 最近在看Angular的知識(shí),無(wú)論是書中還是網(wǎng)上,講解跟表單有關(guān)的指令集都是點(diǎn)到為止,講些基礎(chǔ)驗(yàn)證,比如,是否為空,是否為email地址,更多的并沒有講解,但是,當(dāng)我查看Angular的官方文檔時(shí),發(fā)現(xiàn)與input控件相關(guān)的指令集真的很豐富,有關(guān)HT...

    reclay 評(píng)論0 收藏0
  • angular 指令詳解(一)compile與link

    摘要:實(shí)例元素及實(shí)例屬性都會(huì)作為參數(shù)傳遞到函式函式關(guān)連於此實(shí)例的實(shí)例元素實(shí)例元素的屬性結(jié)論到目前為止,但愿你有清楚的理解關(guān)于及之間的差異。 原文地址:https://987.tw/2014/09/03/ang... AngularJS directives是令人驚艷的。它允許你創(chuàng)造高度語(yǔ)意且可重復(fù)利用的元件。在某種意義上你可以認(rèn)為它是極致的web components先驅(qū)者。 有許多很棒的文...

    crossea 評(píng)論0 收藏0
  • 創(chuàng)建自定義指令

    摘要:我們通常通過(guò)其區(qū)分大小寫的規(guī)范化名稱例如,來(lái)定義指令。在其目前的實(shí)現(xiàn)上,我們應(yīng)該需要去創(chuàng)建一些不同點(diǎn)控制器用來(lái)重用這個(gè)指令。如此,綁定是理想的將回調(diào)函數(shù)綁定到指令行為。這被指令調(diào)用指明。前綴表示該指令在其父元素上搜索控制 文檔翻譯至angularjs.org. 文檔解釋了您何時(shí)想在AngularJS應(yīng)用程序中創(chuàng)建自己的指令,以及如何實(shí)現(xiàn)它們。 | 建議搭配原文食用 | 什么是指令? 在...

    zzbo 評(píng)論0 收藏0
  • AngularJs功能(六)--指令

    摘要:事件只針對(duì)輸入框值的真實(shí)修改,而不是通過(guò)來(lái)修改。指令將給定表達(dá)式的值替換元素的內(nèi)容。指令還有另外一種轉(zhuǎn)換方式,如果你有字符串?dāng)?shù)組希望在輸入框中顯示,你可以在上使用指令。 指令 Directive 指令系統(tǒng)(Directive)是Angular應(yīng)用的一個(gè)重要特性。 是通過(guò)對(duì)DOM元素的標(biāo)簽丶屬性來(lái)增強(qiáng)HTML表現(xiàn)力,為其增加一些特定功能。本篇參考文檔Angular菜鳥教程 內(nèi)置指令 這里...

    Mertens 評(píng)論0 收藏0
  • 總結(jié)的AngularJS1版本的一些面試問(wèn)題

    摘要:綜上所述兩者是出于不同的目的被創(chuàng)建的,解決的也是不同的問(wèn)題。檢測(cè)模型變化的過(guò)程稱為循環(huán)。由指令注冊(cè)的事件處理函數(shù)執(zhí)行。該回調(diào)函數(shù)會(huì)更新插值表達(dá)式所在的屬性。模塊主要關(guān)系腳本加載問(wèn)題。 AngularJS面試題 1.與jQuery的比較 jQuery js函數(shù)庫(kù) 封裝簡(jiǎn)化dom操作 使用jquery的思想是:我擁有一個(gè)DOM元素并且想讓它去做某件事。也就是命令式編程思想。 angula...

    defcon 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<