fix: use explicit angularjs annotation in the example

Author: christopherthielen

example/src/main.ts

@@ -8,42 +8,46 @@ import { UrlService } from '@uirouter/core';
 
 const app = angular.module('minimal', ['ui.router.upgrade']);
 
-app.run(($stateRegistry, $urlService) => {
-  $urlService.rules.initial({ state: 'app' });
+app.run([
+  '$stateRegistry',
+  '$urlService',
+  ($stateRegistry, $urlService) => {
+    $urlService.rules.initial({ state: 'app' });
 
-  $stateRegistry.register({
-    url: '',
-    name: 'app',
-    template: `
+    $stateRegistry.register({
+      url: '',
+      name: 'app',
+      template: `
         <a ui-sref=".ng1" ui-sref-active-eq="active">app.ng1</a>
         <a ui-sref=".ng1.ng2" ui-sref-active-eq="active">app.ng1.ng2</a>
         <a ui-sref=".ng2" ui-sref-active-eq="active">app.ng2</a>
         <a ui-sref=".ng2.ng2" ui-sref-active-eq="active">app.ng2.ng2</a>
         <ui-view></ui-view>
       `,
-  });
+    });
 
-  // route to ng1 component
-  $stateRegistry.register({
-    url: '/ng1',
-    name: 'app.ng1',
-    component: 'ng1Component',
-  });
+    // route to ng1 component
+    $stateRegistry.register({
+      url: '/ng1',
+      name: 'app.ng1',
+      component: 'ng1Component',
+    });
 
-  // nested route to ng2 component
-  $stateRegistry.register({
-    url: '/ng2',
-    name: 'app.ng1.ng2',
-    component: Ng2Component,
-  });
+    // nested route to ng2 component
+    $stateRegistry.register({
+      url: '/ng2',
+      name: 'app.ng1.ng2',
+      component: Ng2Component,
+    });
 
-  // route to ng2 component
-  $stateRegistry.register({
-    url: '/ng2',
-    name: 'app.ng2',
-    component: Ng2Component,
-  });
-});
+    // route to ng2 component
+    $stateRegistry.register({
+      url: '/ng2',
+      name: 'app.ng2',
+      component: Ng2Component,
+    });
+  },
+]);
 
 // An AngularJS component
 app.component('ng1Component', {
@@ -52,8 +56,8 @@ app.component('ng1Component', {
       <a ui-sref="app">Back to app</a>
       <ui-view></ui-view>
     `,
-  controller: function() {
-    this.$onInit = function() {
+  controller: function () {
+    this.$onInit = function () {
       console.log('ng1Component.$onInit()');
     };
   },
@@ -63,10 +67,10 @@ app.component('ng1Component', {
 @Component({
   selector: 'ng2-component',
   template: `
-      <h1>ng2 component</h1>
-      <a uiSref="app">Back to app</a>
-      <ui-view></ui-view>
-    `,
+    <h1>ng2 component</h1>
+    <a uiSref="app">Back to app</a>
+    <ui-view></ui-view>
+  `,
 })
 export class Ng2Component {
   ngOnInit() {
@@ -102,12 +106,12 @@ export class RootModule {
 
 // Using AngularJS config block, call `deferIntercept()`.
 // This tells UI-Router to delay the initial URL sync (until all bootstrapping is complete)
-app.config(['$urlServiceProvider', $urlService => $urlService.deferIntercept()]);
+app.config(['$urlServiceProvider', ($urlService) => $urlService.deferIntercept()]);
 
 // Manually bootstrap the Angular app
 platformBrowserDynamic()
   .bootstrapModule(RootModule)
-  .then(platformRef => {
+  .then((platformRef) => {
     // get() UrlService from DI (this call will create all the UIRouter services)
     const url: UrlService = platformRef.injector.get(UrlService);