Press Ctrl / CMD + C to copy this to your clipboard.
This post will be reported to the moderators as potential spam to be looked at
How can i implement angular as frontend in my website? I read about umbraco backoffice written with angular js. How about the website? Thank you in advance.
You have complete control over the front end of your website.
You can edit 100% of symbols in response to the browser.
You can do Angular, React, and VueJS. All frameworks work with Umbraco CMS.
So answer your question - you can implement angular js as a frontend in your Umbraco website in the same way as in just an HTML project, just add angular to the template, and that's it.
can you give me an example?
I already have an Angular 13 app and I would to integrate in my Umbraco 10 website
This is the files structure...where i must put all angular files/folder?
OK I found the answer :-)
It works like a charm.
Please share it here so others can use as benchmark
You're right ziyad.
This is what I've done:
In wwwroot folder I created a new folder with name "angular" (I'll use it for all angular applications)
In the "angular" folder I created the app folder ("test-app") and I copied all builded files (except the index.html file).
I created a template for the app in which I inserted all html code contained in the index.html file.
I corrected all js and css files path
I update all angular routing to match the umbraco routing
I checked that all links contained in the angular app are correct
Finally I created a new content and assigned it the newly created template
et voilà...angular app works perfectly.
I hope this can help
What if I want to put it inside the umbraco cms and not as a published site outside the CMS, i want it inside along with multiple other projects. that i can shuffle through, please assist
I know what you want to do but this is the only way (for now) I found to integrate Angular App in Umbraco (no manage).
This is the steps:
Now when you update your angular app, you must only copy or update the new files in the wwwroot/angular/YOURAPP/ folder and update the file path in the main.js file.
I hope this help you
hello Adriano Fabri
is there a GitHub repo you can give me to understand how it build
I have not created a github repository for publishing Angular applications inside Umbraco.
Moreover, compared to what I had indicated in the thread, over time I have also improved the publication and updating of Angular applications in Umbraco.
What I could do, if it's okay for you, is to provide a series of example's files and related screenshots of the configuration in Umbraco of the document type/Template/Partial Views that can help you to understand how publish Angular Applications using Umbraco
It will take me a while but it could definitely help you understand better all the stages
sure that would be great I have been struggling to find code or any articles about this if you can explain to me in steps how to build an Umbraco project with angular that would be great
are there any api calls that i can use, for example to get the umbraco user and only he/she can access my website? is that sth feasible
You can done it in some ways:
can you host more than one website in the cms or just one?
Sure...in content section you can create one homepage node for every website and assign to each one a differnt host name using the "Culture and Hostnames" functionality
is working on a reply...
Write your reply to:
Image will be uploaded when post is submitted