Angular.JS中指令的命名規(guī)則詳解
更新時(shí)間：2017年05月10日 09:03:49 作者：劉小光
這篇文章主要給大家介紹了關(guān)于Angular.JS中指令命名規(guī)則的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。
命名規(guī)范
同一個(gè)AngularJS指令，在js文件和html文件中有著不同的命名規(guī)范：在js文件中使用標(biāo)準(zhǔn)的小駝峰命名法，在html文件中使用“小寫(xiě)字母+連接符”的命名法。如下表所示
| 在js文件中 | 在html文件中 |
|---|---|
| ngApp | ng-app |
| myDirective | my-directive |
處理機(jī)制
AngularJS之所以選擇這樣的命名方式，是因?yàn)閔tml文件不區(qū)分大小寫(xiě)，而js文件則對(duì)大小寫(xiě)敏感（myDir和mydir在js文件中是不同的指令，但html看來(lái)是同一個(gè)指令），為了避免可能出現(xiàn)的錯(cuò)誤，所以使用上述命名規(guī)范。
AngularJS執(zhí)行過(guò)程中，對(duì)“小寫(xiě)字母+連接符”形式的命名做如下處理，最終裝換成小駝峰命名法：
- 去掉開(kāi)始部分的x-和data-;
- 第一個(gè)單詞不變，把連接符后面的單詞首字母轉(zhuǎn)換成大寫(xiě)，去掉連接符。
這里有兩點(diǎn)需要注意：
- 指令命名時(shí)不要以x或data作為第一個(gè)單詞
- 支持的鏈接符包括:,-和_，但通常會(huì)選擇-作為連接符
隔離作用域?qū)ο笾械膶傩悦?/strong>
指令隔離作用域?qū)ο笾袑傩悦?guī)則同上，見(jiàn)下面代碼：
.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文件中使用“小寫(xiě)字母+分割符”的命名方式--> my-link-text="Click me"> </div>
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
這篇文章主要介紹了在Linux中如何查看服務(wù)器整體情況問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
Linux服務(wù)器中對(duì)于Memcache的安裝配置方法
Linux服務(wù)器中對(duì)于Memcache的安裝配置教程,服務(wù)器端主要是安裝memcache服務(wù)器端，目前的最新版本是 memcached-1.3.02011-05-05
這篇文章主要介紹了如何搭建自己CDN服務(wù)器(LuManager),需要的朋友可以參考下2016-04-04
現(xiàn)在遇到的同學(xué)，好多還不會(huì)配置Apache，那就更別說(shuō)在本地配置獨(dú)立配置獨(dú)立域名了2012-02-02
這篇文章主要介紹了linux中批量添加文件前綴的操作方法，給大家擴(kuò)展介紹linux下批量改變文件前綴命令,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了如何使用linux啟動(dòng)Nacos,本文通過(guò)代碼示例給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-03-03
這篇文章主要介紹了給Apache下的網(wǎng)站加速的方法,很有實(shí)用價(jià)值,需要的朋友可以參考下2014-07-07
Linux CentOS 7.0中java安裝與配置環(huán)境變量的步驟詳解
這篇文章主要給大家分享介紹了關(guān)于Linux CentOS 7.0中java安裝與配置環(huán)境變量的相關(guān)資料，文中通過(guò)示例代碼將安裝與配置的過(guò)程介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07
.htaccess rewrite 規(guī)則詳細(xì)說(shuō)明
用Apache虛擬主機(jī)的朋友很多，apache提供的.htaccess模塊可以為每個(gè)虛擬主機(jī)設(shè)定rewrite規(guī)則，這對(duì)網(wǎng)站SEO優(yōu)化相當(dāng)有用，同時(shí)也改善了用戶體驗(yàn)2016-04-04
Linux系統(tǒng)創(chuàng)建TCP連接流程介紹
大家好，本篇文章主要講的是Linux系統(tǒng)創(chuàng)建TCP連接流程，感興趣的同學(xué)趕快來(lái)看一看吧，對(duì)你有幫助的話記得收藏一下哦，方便下次瀏覽2021-12-12