Master programming syntax, solve interactive challenges & run live code in Syntaxis Explore Arena →

menu_book Course Curriculum (AngularJS) expand_more

Core

ng-app ng-controller $scope controllerAs ng-bind Interpolation ng-init ng-cloak ng-non-bindable Module creation

Directives

ng-if ng-show ng-hide ng-repeat ng-class ng-style ng-switch ng-include Custom directive Directive isolate scope

Forms

ng-model ng-submit ng-required ng-pattern Form validation Dirty and pristine Touched and untouched ng-options ng-change Custom validator

Services

Service registration Factory registration Provider registration $http GET $http POST $q promise $timeout $interval $log $window

Filters

Built-in filter orderBy filter limitTo filter currency filter date filter json filter lowercase filter uppercase filter Custom filter Filter in controller

Routing

ngRoute setup $routeProvider Route parameters Route resolve ng-view Route redirect HTML5 mode Nested view limitation UI-Router concept Navigation events

Digest Cycle

Data binding $watch $digest $apply $evalAsync $applyAsync One-time binding Watcher performance Digest TTL Scope inheritance

Testing & Migration

Controller unit test Service unit test $httpBackend Directive test Mock module Dependency annotation Strict DI Component API ngUpgrade concept Migration to Angular

AngularJS / Forms

Form validation

Learn Form validation in AngularJS with a dedicated explanation, topic-specific example, edge guidance, and mastery check.

12 min read • Beginner

angularjs-025.js

js

<form name="f"><input name="email" type="email" ng-model="email" required><span ng-if="f.email.$invalid">Invalid</span></form>

What to watch

Content source & attribution

Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

Form validation Mastery Check →

Dirty and pristine