摘要:把當(dāng)中涉及事件的屬性整理一下,此文檔是基于英文文檔整理的。約定此文中表示屬性名。用法參數(shù)參數(shù)類型詳情提交表單時(shí),表達(dá)式被觸發(fā)事件對(duì)象與一樣可獲得綜合實(shí)例代碼代碼地址如有問(wèn)題,請(qǐng)指正。
把Angularjs當(dāng)中涉及DOM事件的屬性整理一下,此文檔是基于1.4.8英文文檔整理的。
ngBlur約定:
此文中ngXxx表示ng-xxx屬性名。
用法
...
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngBlur | expression | 表達(dá)式將在失去焦點(diǎn)時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得) |
用法
...
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngFocus | expression | 表達(dá)在獲得焦點(diǎn)時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得) |
用法
...
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngChange | expression | 表達(dá)式將在input控件被改變時(shí)觸發(fā) |
用法
...
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngChecked | expression | 如果表達(dá)式為真,那么就會(huì)在元素上設(shè)置checked屬性 |
用法
...
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngClick | expression | 當(dāng)被點(diǎn)擊的時(shí)候觸發(fā)表達(dá)式(事件對(duì)象與$event一樣可獲得) |
用法
... ... ...
參數(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等) |
用法
... ...
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngMousedown | expression | 表達(dá)式在鼠標(biāo)按下時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得) | |
ngMouseup | expression | 表達(dá)式在鼠標(biāo)釋放時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得) |
用法
... ...
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngMouseenter | expression | 表達(dá)式在鼠標(biāo)進(jìn)入元素時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得) | |
ngMousemove | expression | 表達(dá)式在鼠標(biāo)在元素上移動(dòng)時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得) |
用法
... ...
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngMouseover | expression | 表達(dá)式在鼠標(biāo)穿過(guò)元素時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得) | |
ngMouseleave | expression | 表達(dá)式在鼠標(biāo)離開時(shí)被觸發(fā)(事件對(duì)象與$event一樣可獲得) |
用法
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngSelected | expression | 表達(dá)式為真時(shí),selected屬性將被設(shè)置在元素上。 |
用法
參數(shù)
參數(shù) | 類型 | 詳情 | |
---|---|---|---|
ngSubmit | expression | 提交表單時(shí),表達(dá)式被觸發(fā)(事件對(duì)象與$event一樣可獲得) |
html代碼
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
摘要:設(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...
摘要:實(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ū)者。 有許多很棒的文...
摘要:我們通常通過(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)它們。 | 建議搭配原文食用 | 什么是指令? 在...
摘要:事件只針對(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)置指令 這里...
摘要:綜上所述兩者是出于不同的目的被創(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...
閱讀 2305·2021-09-30 09:47
閱讀 2223·2021-09-26 09:55
閱讀 2954·2021-09-24 10:27
閱讀 1543·2019-08-27 10:54
閱讀 971·2019-08-26 13:40
閱讀 2499·2019-08-26 13:24
閱讀 2423·2019-08-26 13:22
閱讀 1735·2019-08-23 18:38