Find a post...

DNN-Connect Blogs

DNN module development with Angular

I finally finished my long promised blog series about writing DNN modules with Angular 1

This blog series should set you in the position to start DNN module development with Angular even if you haven't done a module for DNN yet!

So we will start with an empty project in Visual studio and build it step by step. I plan to guide you through all these steps.

But beware, this is no Angular course! I will not explain all the stuff that is involved in full detail because that would fill a book and is way too much for a blog like this, but where possible I'll provide you some links with further information to the corresponding topic.

First we will start with a DNN 7 style Angular module using standard View.ascx that is able to run in DNN 7 and later we will convert this to a SPA module type for DNN 8.

You'll find the different parts of the blog series here:

I'm developer. Born in 1965, grown up in a small village near Hamburg. Studied IT in Hamburg and moved to Hanover in the late 90's. Married 24 years now and having 2 childs. After developing projects several years in desktop and web applications in Visual Foxpro I changed in 2007 to dotnet / C# / ASP.NET & DotNetNuke. Since then I'm addicted to DNN and made it my main hobby and profession. My latest hobbyhorse is doing DNN with client site programming
Comment(s)
Fuji
  Could you please show how to upgrade your tutorial module to work with Angular 2
· reply · 0 0 0
Torsten Weggen
Torsten Weggen  Would be happy if I know how to ...
· reply · 0 0 0
Marco
  Please Please! Angular 2!
· reply · 0 0 0
tom
  Hi Torsten, thank you. Yes a tutorial with angular (> 2.x) would be great. I hope you figure it out how to do. Cheers 🍻 from Bavaria Tom
· reply · 0 0 0
Torsten Weggen
Torsten Weggen  I visited a session by Daniel Mettler from 2sic / Switzerland at DNNConnect 2017. He will provide as soon with a blog post about this topic and a dnn library that could be used in Angular 2+ projects to manage communication between Angular and DNN.
· reply · 0 0 0
lilad
lilad  So glad you made a blog series about writing DNN modules with Angular1! Will start DNN module development with Angular today
· reply · 0 0 0
Wilfred Moses
  Great information. Since last week, I am gathering details about the AngularJS experience. There are some amazing details on your blog which I didn't know. Thanks.
· reply · 0 0 0
James David
  This blog series should set you in the position to start DNN module development with Angular even if you haven't done a module for DNN yet!
· reply · 0 0 0

Hosting liberally provided by

Geoff Barlow 502 4
Philipp Becker 5861 7
DNN-Connect 430 6
Peter Donker 4810 27
Christopher Hammond 657 2
Olivier Jooris 404 1
Daniel Mettler 11810 88
Clint Patterson 1 1
Jos Richters 65 1
James Rosewell 286 2
Will Strohl 1517 27
Ernst Peter Tamminga 402 4
Barry Waluszko 2353 2
Declan Ward 265 1
Gifford Watkins 721 9
Torsten Weggen 2206 3