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 / Digest Cycle

Watcher performance

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

12 min read • Advanced

angularjs-068.js

js

<li ng-repeat="item in ::items track by item.id">{{ ::item.name }}</li>

What to watch

Content source & attribution

Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

Watcher performance Mastery Check →

One-time binding