Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Saif Obeidat 79 posts 296 karma points
    Dec 20, 2018 @ 14:45
    Saif Obeidat

    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.

  • Dezignwhiz 3 posts 72 karma points
    Feb 25, 2019 @ 16:37

    I'm looking for the same. Have you found any solution?

  • Saif Obeidat 79 posts 296 karma points
    Mar 03, 2019 @ 09:12
    Saif Obeidat

    I used Vue.js instead of Angular, it's easy and straight forward.

  • Martin Griffiths 826 posts 1269 karma points c-trib
    Feb 26, 2019 @ 12:48
    Martin Griffiths

    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...

    1. Use UmbracoAPIController to return JSON instead of a view. This uses a fixed route ~/Umbraco/Api/[YourControllerName]
    2. Use the (now deprecated) REST API interface. This provides an entire HAL specification for your site. But securing it isn't straight forward.
    3. Use Umbraco Headless on Umbraco Cloud. Replacement for 2.
  • Saif Obeidat 79 posts 296 karma points
    Mar 03, 2019 @ 09:13
    Saif Obeidat

    Thanks Martin, I will try this in the next projects.

  • Ivan Schuaste Cavalheiro 5 posts 77 karma points
    Jul 16, 2020 @ 16:50
    Ivan Schuaste Cavalheiro

    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

    It's pretty simple in case you wanna use.

  • eolamisan 1 post 21 karma points
    Jul 24, 2020 @ 02:55

    I've built a Angular Demo to demonstrate how it could be done:

  • Truyen 9 posts 110 karma points
    Jan 04, 2021 @ 23:46

    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.


Please Sign in or register to post replies

Write your reply to: