欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angular.JS中指令的命名規(guī)則詳解

 更新時(shí)間：2017年05月10日 09:03:49   作者：劉小光  
這篇文章主要給大家介紹了關(guān)于Angular.JS中指令命名規(guī)則的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。

命名規(guī)范

同一個(gè)AngularJS指令，在js文件和html文件中有著不同的命名規(guī)范：在js文件中使用標(biāo)準(zhǔn)的小駝峰命名法，在html文件中使用“小寫字母+連接符”的命名法。如下表所示

在js文件中 在html文件中
ngApp ng-app
myDirective my-directive

處理機(jī)制

AngularJS之所以選擇這樣的命名方式，是因?yàn)閔tml文件不區(qū)分大小寫，而js文件則對大小寫敏感（myDir和mydir在js文件中是不同的指令，但html看來是同一個(gè)指令），為了避免可能出現(xiàn)的錯(cuò)誤，所以使用上述命名規(guī)范。

AngularJS執(zhí)行過程中，對“小寫字母+連接符”形式的命名做如下處理，最終裝換成小駝峰命名法：

  • 去掉開始部分的x-和data-;
  • 第一個(gè)單詞不變，把連接符后面的單詞首字母轉(zhuǎn)換成大寫，去掉連接符。

這里有兩點(diǎn)需要注意：

  • 指令命名時(shí)不要以x或data作為第一個(gè)單詞
  • 支持的鏈接符包括:,-和_，但通常會(huì)選擇-作為連接符

隔離作用域?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)文章

最新評論