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

Lets begin to set up our project. As told before in part 1 of this blog series, we will begin with a plain vanilla class library project in Visual Studio. So there is no need to install some module templates and use them. For learning purposes its the best to do this all manually. If you really understand all needed steps you can use these later but for now we'll stick with this.