Angular Project Templates

Angular is the premier JavaScript framework developed by Google for building applications that live on the web, mobile, or the desktop.

Angular .NET Core and .NET Framework Single Page App Templates

The templates below have been bootstrapped with the latest angular-cli tooling that's seamlessly integrated into ServiceStack's Recommended Physical Project Structure.

See the documentation in each project for more info on features of each template:

Angular 9 SPA Template

.NET 6.0 Angular 9 project generated with Angular CLI.

Browse source code, view live demo angular-spa.web-templates.io and install with x new:

Create new Angular Project for .NET 6.0:

$ x new angular-spa ProjectName

Create new Angular Project for .NET Framework:

$ x new angular-spa-netfx ProjectName

Angular HTTP Client

The Angular template uses Angular's built-in Rx-enabled HTTP Client with ServiceStack's ambient TypeScript declarations, as it's often preferable to utilize Angular's built-in dependencies when available.

ServiceStack's ambient TypeScript interfaces are leveraged to enable a Typed API, whilst the createUrl(route,args) helper lets you reuse your APIs Route definitions (emitted in comments above each Request DTO) to provide a pleasant UX for making API calls using Angular's HTTP Client:

import { createUrl } from '@servicestack/client';
...

this.http.get<HelloResponse>(createUrl('/hello/{Name}', { name })).subscribe(r => {
    this.result = r.result;
});

Angular Examples

TechStacks

TechStacks is an AngularJS App that lets you explore TechStacks of popular StartUps using your favorite techology

TechStacks

Features

TechStacks is based on a Bootstrap template with client-side features:

  • HTML5 Routing to enable pretty urls, also supports full page reloads and back button support
  • Same Services supporting both human-readable Slugs or int primary keys
  • Responsive design supporting iPad Landscape and Portrait modes
  • Preloading and background data fetching to reduce flicker and maximize responsiveness
  • Disqus commenting system
  • Chosen for UX-friendly multi combo boxes

and some of TechStacks back-end features include: