Last active
August 29, 2015 14:01
-
-
Save ThomasBurleson/1b859ecd7be3297efd6e to your computer and use it in GitHub Desktop.
Example use of module pattern and angular.module() usage to easily group classes by context... without using AMD.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function( angular, supplant ) { | |
| "use strict"; | |
| angular.module( "Pathways", [ ] ) | |
| /** | |
| * Loader for topology data models | |
| */ | |
| .service( "nodeLoader", function NodeLoader( $http ) | |
| { | |
| // ... | |
| }) | |
| /** | |
| * Create a topology diagram instance from `raw` node JSON data... | |
| */ | |
| .service( "topology", function Topology() | |
| { | |
| // ... | |
| }) | |
| /** | |
| * Processor will create a promise for each route and supports | |
| * building sophisticated chains of promises. | |
| * | |
| */ | |
| .service( "processor", function NodeProcessor( $q, $timeout, $log ) | |
| { | |
| //... | |
| }); | |
| }(window.angular, window.supplant )); |
And then, of course, the above can easily be used within an NG Application setup.
Let's :
<body ng-app="my.CustomApp">
</body>
<script src="./src/Pathways.js" ></script>
<script>
var myCustomApp = angular.module( "my.CustomApp", [ nsPathways ] );
</script>
A few comments:
- It would be easier not to have closures on the source files (save some whitespace & boilerplate), and then let the build process add closures.
- There is the possibility of using CommonJS with browserify that should be discussed.
- If the modules will be distributed individually, there will need to be a more in-depth approach for dependencies. The CI system could definitely upload each module in a tarball to a location, but it would have to be able to figure out dependent modules, and that may require some sort of bower.json or dependencies file in each component's folder. Note that the newest version of bower can install from a zip url:
bower install ns-project.com/pathways.zip
edit: thought about commonJS some more, it's not worth the trouble it brings.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
An extension to this idea is to have the Module pattern return an object. The above could be easily extended as follows:
Typically I do not assign the module pattern output with the above, since the code actually registers within Angular the module and its class references.