Directive guides

Learn AngularTS directives by the job they perform before using the individual directive reference pages.

Directives are easier to learn by role than by name. Start here when you want to understand how AngularTS extends HTML, then use the Directives reference for individual attributes and API details.

Learning path

  1. Overview: how directives are discovered, compiled, linked, and prioritized.
  2. Data Binding: directives that synchronize scope data with text, HTML, classes, styles, and form controls.
  3. Structural Directives: directives that add, remove, repeat, switch, include, or protect DOM sections.
  4. Forms: validation, model options, form state, and messages.
  5. HTTP Directives: declarative requests and Server-Sent Events from HTML.
  6. Animation Directives: CSS hooks and animation-specific attributes.
  7. Advanced Directives: workers, WebAssembly, channels, DOM references, accessibility, and event helpers.

Reference lookup

When you already know the directive name, use the per-directive reference. The reference keeps pages small and specific, while this section keeps the conceptual grouping that helps new users build a mental model.

Advanced directives: workers, WASM, channels, viewport

AngularTS advanced directives for Web Workers, WebAssembly, lazy loading, event channels, DOM references, and accessibility — all declarative in HTML.

Animation Directives and CSS Hooks

Use CSS class hooks and JavaScript animation factories with structural directives such as ng-if, ng-repeat, and ng-show.

Data Binding Directives in AngularTS Explained

Explore ng-bind, ng-bind-html, ng-model, ng-class, ng-style, and ng-init with real examples covering one-way and two-way data binding.

Form Directives and Validation in AngularTS

Complete guide to AngularTS form directives: ng-model, built-in validators, ng-messages, ng-model-options, and form state properties like valid and dirty.

HTTP Directives: ng-get, ng-post, ng-put, ng-sse

Make HTTP requests and stream SSE from HTML using ng-get, ng-post, ng-put, ng-delete, and ng-sse — no JavaScript required for common data-fetching patterns.

Directive Overview

Learn how AngularTS directives attach behavior to HTML, how built-in directive groups are organized, and how to create custom directives.

Structural Directives: ng-if, ng-repeat, ng-switch

Master AngularTS structural directives including ng-if, ng-show, ng-hide, ng-repeat, ng-switch, ng-include, and ng-non-bindable.


Last modified October 19, 2026: Merge pull request #97 from angular-wave/dependabot/npm_and_yarn/source-map-js-1.2.2 (089c54a)