I am building a support web front-end for our team from where we can perform various support functions for a number of different sites at which our products run. This typically involves running some sort of data query and viewing results to solve specific process issues.
Each user is given access to which sites he may support, and then to which functions within that site he can perform. So my top navigation is the list of sites to which you have access, and then as you click on a site menu item, it loads a side nav with a menu item for each function you can perform on that site's portal.
Front-end is AngularJS with Bootstrap CSS. Data is called via ASP.Net Web API and some WCF Services RESTful calls.
I have an AngularJS FunctionController that, via routing, displays a function.html view when clicking on the side nav. How do I link a dynamic view to each function/side-nav menu item instead of just having one function view for all the sidenav items?
Each function, thus sidenav menu item, has a specific Web API path to call linked to that particular function. Thus each function's UI will be very different. I could place an html view name in my MS SQL Functions table, where I store the function name, Web API call etc, but how would I pull that through to the AngularJS routing? Or place it in the sidenav menuitem's html somehow?