I have an Umbraco Project and it's basically an informative website , but recently there was a decision to add to it some e-services ( interactive HTML forms ) which need Angular 6 or Ajax ..
I used Ajax in similar project to handle the data coming from the server and control the HTML forms , but I found it kind of hard to control it with jQuery and Ajax .
So I want to use Angular inside Umbraco ..
is this possible ? If yes , how that can be done , because I've searched a lot but didn't find any result .
You can add ANY front end tech to Umbraco. But for it to be effective you need to bypass UmbracoSurfaceController as this is geared to returning standard C# Razor views.
There are three possible ways to achieve this...
Use UmbracoAPIController to return JSON instead of a view. This uses a fixed route ~/Umbraco/Api/[YourControllerName]
Use the (now deprecated) REST API interface. This provides an entire HAL specification for your site. But securing it isn't straight forward.
Use Umbraco Headless on Umbraco Cloud. Replacement for 2.
Thanks for your demo app. Just want to ask if there's a way to load the Angular components on the page rendered by Umbraco. For example, let's say I go to /home page with content from Home.cshtml. Inside Home.cshtml I have other razor syntax code with html and I want to include in there.
Is it possible to add an Angular 6 App to Umbraco 7 Project
I have an Umbraco Project and it's basically an informative website , but recently there was a decision to add to it some e-services ( interactive HTML forms ) which need Angular 6 or Ajax ..
I used Ajax in similar project to handle the data coming from the server and control the HTML forms , but I found it kind of hard to control it with jQuery and Ajax .
So I want to use Angular inside Umbraco ..
is this possible ? If yes , how that can be done , because I've searched a lot but didn't find any result .
Thanks in advance.
I'm looking for the same. Have you found any solution?
I used Vue.js instead of Angular, it's easy and straight forward.
You can add ANY front end tech to Umbraco. But for it to be effective you need to bypass UmbracoSurfaceController as this is geared to returning standard C# Razor views.
There are three possible ways to achieve this...
Thanks Martin, I will try this in the next projects.
I know it's an old question, but for future readers:
I have a custom Controller to expose umbraco nodes as Json elements for easy Headless convertion :D
https://gist.github.com/icavalheiro/582f009cc958f95478a2efda6c718ee0
It's pretty simple in case you wanna use.
I've built a Angular Demo to demonstrate how it could be done:
https://github.com/eolamisan/UmbracoSpaDemo
Hi eolamisan,
Thanks for your demo app. Just want to ask if there's a way to load the Angular components on the page rendered by Umbraco. For example, let's say I go to /home page with content from Home.cshtml. Inside Home.cshtml I have other razor syntax code with html and I want to include in there.
Thanks
is working on a reply...