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