Angular.JS中指令的命名規(guī)則詳解
更新時間：2017年05月10日 09:03:49 作者：劉小光
這篇文章主要給大家介紹了關(guān)于Angular.JS中指令命名規(guī)則的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。
命名規(guī)范
同一個AngularJS指令，在js文件和html文件中有著不同的命名規(guī)范：在js文件中使用標(biāo)準(zhǔn)的小駝峰命名法，在html文件中使用“小寫字母+連接符”的命名法。如下表所示
| 在js文件中 | 在html文件中 |
|---|---|
| ngApp | ng-app |
| myDirective | my-directive |
處理機制
AngularJS之所以選擇這樣的命名方式，是因為html文件不區(qū)分大小寫，而js文件則對大小寫敏感（myDir和mydir在js文件中是不同的指令，但html看來是同一個指令），為了避免可能出現(xiàn)的錯誤，所以使用上述命名規(guī)范。
AngularJS執(zhí)行過程中，對“小寫字母+連接符”形式的命名做如下處理，最終裝換成小駝峰命名法：
- 去掉開始部分的x-和data-;
- 第一個單詞不變，把連接符后面的單詞首字母轉(zhuǎn)換成大寫，去掉連接符。
這里有兩點需要注意：
- 指令命名時不要以x或data作為第一個單詞
- 支持的鏈接符包括:,-和_，但通常會選擇-作為連接符
隔離作用域?qū)ο笾械膶傩悦?/strong>
指令隔離作用域?qū)ο笾袑傩悦?guī)則同上，見下面代碼：
.directive('myDirective', function() {
return {
restrict: 'A',
scope: {
myUrl: '@', // 隔離作用域?qū)ο笾袑傩悦麨樾●劮迕?
myLinkText: '@'
},
template: '<a href="{{myUrl}}">{{myLinkText}}</a>'
})
<div my-directive my-url="http://google.com" <!-- html文件中使用“小寫字母+分割符”的命名方式--> my-link-text="Click me"> </div>
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
禁止網(wǎng)站顯示文件目錄列表的2個方法(htaccess)
這篇文章主要介紹了禁止網(wǎng)站顯示文件目錄列表的2個方法,需要的朋友可以參考下2016-04-04
文章介紹了在Linux中批量注釋和取消注釋代碼行的快捷方法,具體步驟包括使用Ctrl+V進入塊選擇模式,上下鍵選擇需要操作的行,然后按Shift+I輸入注釋符號（//或#）,按ESC鍵保存2025-03-03
本篇文章主要介紹了詳解Linux系統(tǒng)如何低于TCP洪水攻擊，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
在Linux操作系統(tǒng)中,內(nèi)存管理是確保系統(tǒng)性能和穩(wěn)定性的核心組成部分,對于開發(fā)者來說,理解內(nèi)存分配機制不僅有助于編寫更高效的程序,還能幫助他們更好地調(diào)試和優(yōu)化應(yīng)用,本文給大家介紹了Linux如何進行內(nèi)存分配,需要的朋友可以參考下2025-02-02
這篇文章主要介紹了Linux 系統(tǒng)下安裝JDK1.8的教程詳解,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11
在本篇文章里小編給各位分享了關(guān)于Linux磁盤配額管理的相關(guān)圖文案例內(nèi)容，有需要的朋友們可以學(xué)習(xí)下。2019-08-08
這篇文章主要介紹了清除CentOS 6或CentOS 7上的磁盤空間的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
PHP程序員玩轉(zhuǎn)Linux系列 使用supervisor實現(xiàn)守護進程
這篇文章主要為大家詳細(xì)介紹了PHP程序員玩轉(zhuǎn)Linux系列文章，使用supervisor實現(xiàn)守護進程，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
apache服務(wù)出現(xiàn)Forbidden 403問題的解決方法總結(jié)
這篇文章主要介紹了apache服務(wù)出現(xiàn)Forbidden 403問題的解決方法總結(jié),需要的朋友可以參考下2014-08-08
Apache 的 order deny allow 設(shè)置說明
Allow和Deny可以用于apache的conf文件或者.htaccess文件中（配合Directory, Location, Files等），用來控制目錄和文件的訪問授權(quán)。2010-12-12