Currently, I am working on an Angular application where I am designing various widgets using HTML5. Here is a snippet of the code structure:
<html ng-app>
<div ng-controller="widget1">
</div>
<div ng-controller="widget2">
</div>
</html>
I was wondering how I can automatically load widget1.js and widget2.js whenever they are used in the markup without manually adding <script> tags to the header for each widget. Since I am relatively new to Angular, I am unsure about the best approach for handling this scenario. Any insights or guidance would be greatly appreciated.
Thank you!