angular 2 подгрузка компонентов только по текущим urls/роутам
 

Здравствуйте,
в angular было так:

angular
  .module('app')
  .config(function ($stateProvider) {
    $stateProvider
      .state('index', {
        url: '/',
        data: {
          title: 'Dashboard'
        },
        views: {
          '': {
            controller: 'dashboardController',
            templateUrl: 'app/dashboard/dashboard.html'
          }
        },
        resolve: {
          dep: [
            '$ocLazyLoad', function ($ocLazyLoad) {
              return $ocLazyLoad.load('dashboard');
            }
          ]
        }
      })。。。。。。

указывался контроллер, вью + $ocLazyLoad.load('dashboard'); в котором:

angular.module('app')
  .config(['$ocLazyLoadProvider',
    function ($ocLazyLoadProvider) {
      $ocLazyLoadProvider.config({
        debug: true,
        modules: [
          {
            name: 'dashboard',
            files: [
              'app/dashboard/dashboardController.js?1'
            ]
          }, {
            name: 'client',
            files: [
              'app/providerOverrides/providerOverridesService.js?1',
              'app/clientAccount/clientAccountController.js',
              'app/clientAccount/clientAccountService.js',
              'app/clientEmail/clientEmailController.js',
              'app/clientEmail/clientEmailService.js?1',
.......

был набор сопутствующих скриптов для загрузки


Как же аналогично построить это в Angular2 только тут компоненты вместо контроллеров.
Разбирался на angular.io тема https://angular.io/docs/js/latest/ap...interface.html

Ничего не понял как это работает и то ли это что мне нужно.
Подскажите пожалуйста у кого есть какие-нибудь идеи