AngularTS for Gleam

Add typed AngularTS behavior to server-rendered pages with Gleam. The package covers modules, dependency injection, components, HTTP, routing, storage, and application startup.

Install

npm install @angular-wave/angular.ts
gleam add angular_ts

The package targets JavaScript. Load the AngularTS runtime before the compiled Gleam output and keep the npm and Gleam packages on the same version.

First component

import angular_ts as ng
import angular_ts/component
import angular_ts/module

fn controller() { Nil }

pub fn main() {
  ng.create_module("gleamDemo")
  |> module.component(
    "welcomeCard",
    component.new("<p>Welcome</p>", ng.inject0(controller)),
  )
  |> ng.bootstrap_body
}

Build with gleam build --target javascript, include the generated JavaScript after AngularTS, and serve the page over HTTP. Start with server-rendered HTML; use Gleam components for the parts that need client-side state.

The examples/basic_app directory contains a complete todo application with an injected store, component, HTML page, and build setup. The full AngularTS guide is linked from the package sidebar.