Ad-Hoc Template Rendering

[OpenSpacesAndPlaces]

How would I use this to just render templates with?

We're building an MVC site. We'd like to streamline to use one template format. (rather than needing to know Razor, Angular, others)

Trying to look a feasibility of doing this with angular, but we don't need a entire angular app to run - we just want to be able to ad-hoc specify a template path and a data object - that's it.

In Razor I can do something like:

var viewResult = _razorViewEngine.GetView("~", viewPath, false);
....
var viewContext = new ViewContext(
					actionContext,
					viewResult.View,
					viewDictionary,
					new TempDataDictionary(actionContext.HttpContext, _tempDataProvider),
					sw,
					new HtmlHelperOptions()
				);
await viewResult.View.RenderAsync(viewContext);
...

Any help would be appreciated.

[MarkPieszak]

Hey there 👋 You could remove all client-side rendering from happening.

Don't have any javascript bundles brought down in the _layout & index.cshtml View files, and have your Angular components simply render on the server, rendered into the <app-root> tag, and then nothing else will happen.

For example, DevHelp Online is done doing exactly that. It's just a static server rendered Angular (1-page) app, no JS is loaded, so no client side bootstrapping happens.

Just note that any JS functionality you expect to exist won't be there, so you need to be selective with what you're components & templates generate :)

Good luck! 👍

[OpenSpacesAndPlaces]

@MarkPieszak

Thanks for the reply!

That sounds exactly like what I'm looking for - do you happen to have a sample project or a few C# snippets for what that looks like?

The closest thing I've come across is like:

ISpaPrerenderer spaRender;
....
RenderToStringResult rtsrResult = await _spaRender.RenderToString("./templates/angularhomepage/default", customDataParameter: eo);

But that still relies on running through js/ts file - and it sounds like you have a way to eliminate that step?

Talk soon and thanks again for the help!