目前，我在看這個(gè)入門教程視頻的angular.js在某一時(shí)刻（后12'40" ），揚(yáng)聲器指出的屬性ng-app和data-ng-app=""是內(nèi)部或多于或少于<html>標(biāo)簽等都是ng-model="my_data_binding和data-ng-model="my_data_binding"。但是發(fā)言者說(shuō)，HTML代碼將通過(guò)不同的驗(yàn)證驗(yàn)證，這取決于哪個(gè)屬性用過(guò)的。您能解釋一下ng-前綴和data-ng-前綴這兩種方式之間的區(qū)別嗎？
3 回答
慕雪6442864
TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
好問(wèn)題。區(qū)別很簡(jiǎn)單-兩者之間絕對(duì)沒有區(qū)別，只是某些HTML5驗(yàn)證程序會(huì)對(duì)屬性like拋出錯(cuò)誤ng-app，但對(duì)于data-諸如前綴的東西則不會(huì)拋出錯(cuò)誤data-ng-app。
因此，要回答您的問(wèn)題，請(qǐng)使用data-ng-app是否希望驗(yàn)證HTML更加簡(jiǎn)單。
有趣的事實(shí)：您也可以使用x-ng-app達(dá)到相同的效果。
料青山看我應(yīng)如是
TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超8個(gè)贊
簡(jiǎn)短答案：
ng-model并data-ng-model相同！
為什么？
原因： data-前綴
HTML5規(guī)范要求任何自定義屬性都以作為前綴data-。
原因：這兩個(gè)ng-model和data-ng-model相同和等同的。
AngularJS文檔-規(guī)范化
Angular對(duì)元素的標(biāo)簽和屬性名稱進(jìn)行規(guī)范化，以確定哪些元素與哪些指令匹配。我們通常通過(guò)區(qū)分大小寫的camelCase標(biāo)準(zhǔn)化名稱（例如ngModel）來(lái)引用指令。但是，由于HTML不區(qū)分大小寫，因此我們以小寫形式引用DOM中的指令，通常在DOM元素（例如）上使用破折號(hào)分隔的屬性ng-model。
規(guī)范化過(guò)程如下：
1.剝離x-并data-從元素/屬性的前面開始。
2.轉(zhuǎn)換的:，-或_-delimited名camelCase。
例如
以下形式都是等效的，并且與ngBind指令匹配：
<div ng-controller="Controller">
Hello <input ng-model='name'> <hr/>
<span ng-bind="name"></span> <br/>
<span ng:bind="name"></span> <br/>
<span ng_bind="name"></span> <br/>
<span data-ng-bind="name"></span> <br/>
<span x-ng-bind="name"></span> <br/>
</div>
- 3 回答
- 0 關(guān)注
- 1078 瀏覽
添加回答
舉報(bào)
0/150
提交
取消