<script src="scripts/lib/angular.min.js"></script>
<script src="scripts/lib/angular-route.min.js"></script>
<script src="scripts/lib/angular-animate.min.js"></script>
<script src="scripts/lib/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<link href="./styles/w3ds.css" rel="stylesheet" type="text/css" />
<link href="./styles/w3ds-data-tables.css" rel="stylesheet" type="text/css"/>
<link href="https://1.www.s81c.com/common/v18/css/www.css" rel="stylesheet">
<link href="./styles/main.css" rel="stylesheet" type="text/css" />
<script src="scripts/app/run.js"></script>
<script src="scripts/app/config.js"></script>
<script src="scripts/app/ctrl-all-ee.js"></script>
<script src="scripts/app/ctrl-2.js"></script>
<script src="scripts/app/awtrun.js"></script>
<script src="scripts/app/Params.js"></script>
<script src="scripts/app/directives.js"></script>
<script src="scripts/app/services.js"></script>
<script src="scripts/app/filters.js"></script>
<script src="scripts/app.js"></script>
</body>
</html>
When I am working in Eclipse to develop an application, I encounter issues with AngularJS not reading other HTML or JavaScript files even though I have multiple .js and .css files included. If anyone has any insights on why this might be happening, I would greatly appreciate the help.
<!-- Small Screen Hamburger -->
<div class="ds-col-xs-3 ds-col-sm-2 ds-hide-md ds-float-right">
<a class="ds-button ds-flat" ng-click="overlayShow('#overlay-mini-menu')">
<span class="ds-icon-menu ds-icon-size-default"></span>
</a>
</div>
<!-- Small Screen Hamburger Overlay -->
<div class="ds-overlay-container">
<div class="ds-overlay-focus" id="overlay-mini-menu" ng-click="overlayHide()">
<div class="ds-overlay-box gsi-overlay-main" ng-click="$event.stopPropagation()">
<div class="gsi-overlay-heading ds-padding-bottom-2">
<button class="ds-col-auto ds-button ds-flat" ng-click="overlayHide()">
<span id="overlay-mini-menu-open"></span><span class="ds-icon-x"></span>
</button>
</div>
<div class="gsi-content">
<div class="ds-margin-top-1_5">
<a href="./#/allee" class="ds-button ds-flat" ng-click="overlayHide()">Deployment Overview</a>
</div>
</div>
</div>
</div>
</div>
In my attempt to call other .html files using href="./#/allee", specifically for "Deployment Overview," I face difficulties as the content is not reflected when loading the page. I am looking to organize and manage my code by having separate .html files but it seems like the linking is not functioning properly.