Valid Angular JS directives

When adding Angular JS directives in your DOM make sure to write them with a data- prefix.

This would be best practice as it will allow your HTML to be valid according to the W3C standards and W3C Validator (http://validator.w3.org/).

Creating your own elements attributes as show in many Angular JS sample code and application is not alongside with the HTML5 standards as it will make future extensions of the language impossible.

Bad Example:

<form ng-submit="addTodo()">
  <input type="text" ng-model="todoText"  size="30"
         placeholder="add new todo here">
  <input class="btn-primary" type="submit" value="add">
</form>

Good Example:

<form data-ng-submit="addTodo()">
  <input type="text" data-ng-model="todoText"  size="30"
         placeholder="add new todo here">
  <input class="btn-primary" type="submit" value="add">
</form>