Table of Contents

Run an Angular App in 2sxc and Dnn

you are here (click to zoom) - discover the stack

Use the Angular Loader extension to load a built Angular application in a 2sxc app.

The extension handles the runtime integration, including:

  1. Loading the scripts and styles generated by Angular.
  2. Rendering the Angular root element.
  3. Loading live, staging, or local-development editions when needed.
  4. Connecting a local Angular development server for hot reload.
  1. Install the Angular Loader extension in your 2sxc app.
  2. Follow the Angular Loader instructions to configure the build path, Angular root tag, and optional editions.
  3. Configure sxc-angular inside the Angular application when it needs 2sxc data, queries, WebAPIs, context, or edit toolbars.

For a complete working example, install the Angular Template App or browse its source repository.

Tip

The Angular Loader documentation is the authoritative guide for runtime integration. Keep loader configuration there instead of copying its implementation into your own Razor code.