In this part of the blog I'll show you how to create a DNN module with Angular 2 und higher versions. I got a lot of requests to do this blog but I needed some time to get all the things together. But now I think everything fits and I'm happy to share this with you!

In this part of the post series we'll convert our module to a modern SPA module running on DNN 8+. The main problem here is, that we do not have any codebehind file where we can prepare our tokens, so we have to find another way for this. But first we start with some simple task:

In this part of the journey we want to implement an automatic mechanism to create an installable package of our module on every release build. For this purpose we make use of a specific library built by Ernst Peter Tammingas XCESS expertise center which I tweaked a little bit.

Now that we have finished the infrastructure for our module it is time to implement the Angular part. As told before - this is not an Angular course, it should only be shown how the Angular bits play together with DNN. So if you have never seen Angular before stop here and take a look at Angular first.

In the third part of our blog series we'll add the View control, see how Angular is bootstrapped and how we can access information from our module in Angular by sending information as JSON string together with the html of our view control