Skip to main content
Home  ›  Blog

Releasing dnn-sxc-angular Connector Library

We just released the dnn-sxc-angular connector library, which helps you mount/bootstrap angular SPA apps in DNN (a fairly difficult feat). Enjoy!

Core Features

  1. Automatically injects all DNN properties like ModuleId, TabId, SecurityToken etc. into Angular
  2. Automatically injects all 2sxc properties (like content-block-id) into Angular
  3. Automatically modifies all Http Requests to use the standard DNN headers
  4. Uses a modern Reactive / Observable Architecture to achieve this
  5. Your Angular-code doesn't need to know about anything, and can be developed as if it were running outside of DNN.
  6. Special Enter-Key trap to prevent Enter-Keys from accidentally causing Forms Submit
  7. Special APIs to access 2sxc content and queries very quickly

How To Use

It's published on Github and NPM where you can find more documentation. In general you'll do this

  • npm install ''
  • make some minor changes to your code - as explained in the NPM readme
  • build your solution

It Work Using Observables

Internally it uses Reactive Observables, which is a fairly complex topic and important if you want to develop future-style JavaScript. As this topic is so complex, I'll write a separate blog about it. 

Example Implementation

We also just released a Directory SPA App, which uses this so you can discover how it works. 

Hope you love it :)


Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 800 DNN projects since 1999. He is also chief architect of 2sxc (see github), an open source module for creating attractive content and DNN Apps.

Read more posts by Daniel Mettler