Stephane Rolland Stephane Rolland - 6 months ago 61
AngularJS Question

ng-app vs. data-ng-app, what is the difference?

I'm currently looking at this start tutorial video for

angular.js


At some moment (after 12'40"), the speaker states that the attributes
ng-app
and
data-ng-app=""
are more or less equivalent inside the
<html>
tag, and so are
ng-model="my_data_binding
and
data-ng-model="my_data_binding"
. However The speaker says the html would be validated through different validators, depending on which attribute is used.

Could you explain the difference between the two ways,
ng-
prefix against
data-ng-
prefix ?

Answer

Good question. The difference is simple - there is absolutely no difference between the two except that certain HTML5 validators will throw an error on a property like ng-app, but they don't throw an error for anything prefixed with data-, like data-ng-app.

So to answer your question, use data-ng-app if you would like validating your HTML to be a bit easier.

Fun fact: You can also use x-ng-app to the same effect.