В этой небольшой статье я расскажу, как решить проблему с валидностью при использовании AngularJs .

AngularJS. Решаем проблему с валидностью.

В этой небольшой статье я расскажу, как решить проблему с валидностью при использовании AngularJs.

Действительно, помните код, который мы писали в прошлой статье?

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Angular JS</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
</head>
<body ng-app>
  {{3+5}}
</body>
</html>

Или вот этот

<input type="text" ng-model="name">
Привет, {{name}}!

Здесь мы везде используем нестандартные атрибуты(директивы), чтобы AngularJs работал корректно, но если мы проверим валидность, то увидим, что дела там обстоят не очень-то и хорошо

невалидный код при использовании фрэймворка angularjs

невалидный код при использовании фрэймворка angularjs

Итак, как же решить проблему валидации? Решается она очень просто. Достаточно вспомнить статью про data атрибуты и немного изменить наш код

<body data-ng-app>

И так нужно делать со всеми директивами. Скрипт продолжает работать, как и работал, но код теперь валидный

валидный код при использовании фрэймворка angularjs

Сегодня вы узнали, как сделать код валидным при использовании фрэймворка AngularJs.