Component Router Lazy Load Original App

app-original.js

(function() {
  var app = angular.module('myApp', ['ngComponentRouter']);
  
  app.component('app', {
    template: [
      '<a ng-link="[\'Home\']">Home</a> |',
      '<a ng-link="[\'About\']">About</a> |',
      '<a ng-link="[\'User\', \'Profile\']">User Profile</a>',
      '<hr>',
      '<ng-outlet></ng-outlet>'
    ].join('\n'),
    controller: ['$router', function($router) {
      $router.config([
        { path: '/', name: 'Home', component: 'home' },
        { path: '/about', name: 'About', component: 'about' },
        { path: '/user/...', name: 'User', component: 'user' }
      ]);
    }]
  });
  
  app.component('home', {
    template: 'Welcome Home'
  });
  
  app.component('about', {
    template: 'About Me'
  });  
  
  app.component('user', {
    template: 'User <br><br><ng-outlet></ng-outlet>',
    $routeConfig: [
      { path: '/profile', name: 'Profile', component: 'userProfile' }
    ]
  });
  
  app.component('userProfile', {
    template: 'Profile'
  });  
})();