Shim the angular 1 reference from es6 to the global scope instead of the other way around

The other way was causing issues with conflicting versions of jquery. When components need to import a jquery extension and have it decorate the jquery object, it wasn't decorating the correct jquery reference. By doing this, we can have it running the way it was, but still make the upgrade module happy by making angular 1 available as a global

Author: KorinaGraber

index.html

@@ -23,7 +23,6 @@
 		<script src="/node_modules/traceur/bin/traceur-runtime.js"></script>
 
 		<script src="/node_modules/systemjs/dist/system.js"></script>
-		<script src="/node_modules/angular/angular.js"></script>
 
 		<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
 		<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js"></script>-->
@@ -40,7 +39,10 @@
 		<script src="/bootstrapper/app.bundle.js"></script>
 
 		<script>
-			System.import('app');
+			System.import('angular').then(angular => {
+				window.angular = angular;
+				System.import('app');
+			});
 		</script>
 	</body>
 </html>

system.config.js

@@ -104,5 +104,3 @@ System.config({
 	map,
 	packages: packages,
 });
-
-System.registerDynamic('node_modules/angular/index.js', [], true, function() { return window.angular });