A new configuration tool is under development using Angular.JS. The user interface consists of two main sections: a left panel with a tree view listing all the configuration items and a right panel displaying screens for editing these items. There are approximately 6 or 7 different types of configuration items, each with their own unique views...
Currently, we only have one view and controller as all data is fetched with a single API call. Each configuration screen is contained within a div tag that is toggled between shown and hidden when a tree node is clicked... The code is starting to get messy... Is there a way to separate each configuration screen into its own view/controller dynamically without utilizing routing?