View.html

[JavaScript:{ path: "~/DesktopModules/Aricie.DigitalDisplays/Scripts/angular.min.js", priority:30}]
[JavaScript:{ path: "~/DesktopModules/Aricie.DigitalDisplays/Scripts/angular-route.min.js", priority:30}]
[JavaScript:{ path: "~/DesktopModules/Aricie.DigitalDisplays/Scripts/ngDialog.min.js", priority:30}]
[Css:{ path: "~/DesktopModules/Aricie.DigitalDisplays/Content/ngDialog.min.css"}]
[Css:{ path: "~/DesktopModules/Aricie.DigitalDisplays/Content/ngDialog-theme-default.css"}]
[JavaScript:{ path: "~/DesktopModules/Aricie.DigitalDisplays/Scripts/angular-ui/sortable.js", priority:30}]
[JavaScript:{ path: "~/DesktopModules/Aricie.DigitalDisplays/Scripts/ngprogress.min.js", priority:30}]
[Css:{ path: "~/DesktopModules/Aricie.DigitalDisplays/css/ngProgress.css"}]
[JavaScript:{ path: "~/DesktopModules/Aricie.DigitalDisplays/js/ng-scripts/app.js", priority:40}]
[JavaScript:{ path: "~/DesktopModules/Aricie.DigitalDisplays/js/ng-scripts/Service/itemService.js", priority:100}]
[JavaScript:{ path: "~/DesktopModules/Aricie.DigitalDisplays/js/ng-scripts/Controller/itemController.js", priority:100}]
[JavaScript:{ path: "~/DesktopModules/Aricie.DigitalDisplays/js/moment.min.js", priority:90}]
<div id="itemApp[ModuleContext:ModuleId]">
    <div ng-view>Loading...</div>
</div>

<script>
    angular.element(document).ready(function () {
        function init(appName, moduleId, apiPath) {
            var sf = $.ServicesFramework(moduleId);
            var httpHeaders = { "ModuleId": sf.getModuleId(), "TabId": sf.getTabId(), "RequestVerificationToken": sf.getAntiForgeryValue() };
            var localAppName = appName + moduleId;
            var application = angular.module(localAppName, [appName])
                .constant("serviceRoot", sf.getServiceRoot(apiPath))
                .constant("moduleProperties", '[ModuleProperties:All]')
                .config(function ($httpProvider, $routeProvider) {
                    // Extend $httpProvider with serviceFramework headers
                    angular.extend($httpProvider.defaults.headers.common, httpHeaders);
                });
            return application;
        };

        var app = init("itemApp", [ModuleContext:ModuleId], "Aricie.DigitalDisplays");
        var moduleContainer = document.getElementById("itemApp[ModuleContext:ModuleId]");
        angular.bootstrap(moduleContainer, [app.name]);
    });
</script>