Documentation

AngularTS is a browser framework for building interactive web pages and applications with HTML, JavaScript, and TypeScript. These docs assume no prior framework knowledge.

Start here

1. Introduction explains the framework’s HTML-first model and what it adds to AngularJS.
2. Install AngularTS adds the framework with one script tag or an npm package.
3. Build your first application creates a task list one small step at a time.
4. Keep the application on the server explains when to enhance HTML and when a module should own a browser model.

If you already know the basics, use the task guides to add a feature or the reference to look up an API.

If a complex browser-owned screen needs stronger model-to-view type checking, compare the optional view styles.

Use the cookbook when you have a concrete problem and need a tested implementation pattern.

What AngularTS provides

• Reactive state that updates only the affected DOM bindings.
• HTML templates and type-safe views in the same component model.
• Modules, dependency injection, directives, forms, HTTP, routing, and animations in one runtime package.
• Buildless script-tag use and typed npm use.
• Language integrations for JVM, JavaScript-targeting, and native ecosystems.

New terms are defined in the glossary.

What is AngularTS?

AngularTS is buildless, type-safe and reactive JS framework for building structured web applications at any scale. It continues the legacy of AngularJS by providing the best developer experience via immediate productivity without the burden of JS ecosystem tooling. Getting started with AngularTS does not even require JavaScript. All you need is a little bit of HTML. Below is a canonical example of a counter:

Example

<section ng-app ng-cloak>
  <button class="btn btn-dark" ng-init="count = 0" ng-click="count++">
    Count is: {{ count }}
  </button>
</section>

Result

This code demonstrates the following key AngularTS features:

• HTML-first: AngularTS is designed for HTML-first approach, meaning your application logic can be expressed declaratively in your markup using custom attributes–called directives. Here, we are using ng-init directive to initialize our application state and ng-click directive to add an event handler that changes our state.

• Template-driven: AngularTS’s built-in template engine automatically keeps the UI in sync with your application state, eliminating the need for manual DOM tracking and updates. The {{count}} expression above is an example of Angular’s interpolation syntax. As the value of count variable increases, our UI is updated with the new state.

• Island-first and zero-cost: AngularTS creates an application on any HTML tag with ng-app attribute, allowing multiple independent applications (modules) to live on a single page. This allows AngularTS to work alongside your existing tech stack where the majority of your page is rendered on the server, while AngularTS is isolated to small “islands” (regions of your page) where custom interactivity or personalization is required.

• Micro-framework appearance: With its minimal setup, AngularTS is well-suited for quick experiments, LLM-generated code, and learning web development in general. But beneath its lightweight surface, it supports structured enterprise design patterns, MVC architecture, and component-driven design. With its rich directive library, state-based routing and support for animations, AngularTS is a complete package for building large SPAs, server, mobile, and desktop applications.