New Angular template

ServiceStack VS AngularJS
1

Just wondered if the Angular SPA template was going to be updated at all?

I’m attempting to use the background jobs feature but I seem to get an error whenever I add to my project. I’ve read a previous conversation which suggests there’s a different setup which the vue-spa template uses.

I have attempted to mix the angular spa template and vue-spa template together but I’m at a loss unfortunately.

2

Can you submit a feature request to https://servicestack.net/ideas so we can measure demand for it.

Note: our new SPA templates are basically going to be enhancements of ASP .NET Core SPA templates, so we’d be starting from the ASP.NET Core Angular SPA template and integrating it with ServiceStack.

3

Just wanted to thank you for the handy pointer.

I’ve managed to create a new template for Angular SPA with the latest versions and I’m developing as we speak.

1 Like
4

FYI I’ve just added support for the latest Angular 19 with support for Identity Auth, Tailwind v4, dark mode, Tailwind inputs and data grid components, form validation binding, auth integration with signin/signup pages, authGuards, etc.

You can download it from the start page:

image

It also includes support for both Signal and Observable programming models with the new ApiHttpClient which extends Angular’s HttpClient with an api method which lets you call HTTP APIs with an RxJS Observable subscription, e.g:

export class TodoMvcComponent implements OnInit {
    client = inject(ApiHttpClient);
    error: ResponseStatus | null = null;

    loadTodos(): void {
        this.client.api(new QueryTodos()).subscribe({
            next: (todos) => {
                this.todos = todos.results;
            },
            error: (err) => {
                this.error = err;
            }
        });
    }
}

The todos.component.ts and weather.component.ts pages shows examples of using this dev model with ApiHttpClient whist everything else uses the standard JsonServiceClient and signals instead of Observables which I much prefer, e.g: in booking-edit.component.ts.

Anyway hopefully you find it useful. Was never a fan of Angular but with the latest template syntax improvements and adoption of Signals it ends up being pretty nice.

1 Like
5

Fantastic!

I’ll take a look, sounds interesting.

1 Like