title: Angular Js - ui-router with Breadcrumbs
body: <p>I have multi pages with One View .I want use Single View for All pages, with Logical structure Angular, In addition Breadcrumbs for navigation, in head of Home page.
  config code:</p>
  
  <pre><code>$stateProvider
      .state('otherwise', {
          url: '*path',
          controller: function ($state) {
              var lastUrl = sessionStorage.lastUrl
  
              if (lastUrl &amp;&amp; lastUrl != 'otherwise')
                  $state.go(lastUrl);
              else if (!lastUrl)
                  $state.go('Companies');
          },
          data: {
              requireLogin: false
          }
      })
    .state('Create', {
        controller: 'myControl',
        url: '/',
        templateUrl: 'Create.html',
        data: {
            requireLogin: true
        }
    })
  
      .state('Jobs', {
          controller: 'myControl',
          url: '/',
          templateUrl: 'JobsList.html',
          data: {
              requireLogin: true
          }
      })
  
      .state('Companies', {
          controller: 'myControl',
          url: '',
          templateUrl: 'CompaniesList.html',
          data: {
              requireLogin: false,
              breadcrumbProxy: 'Companies.CarsList'
          }
      })
  
      .state('Companies.CarsList', {
          controller: 'myControl',
          params: { id: ':id', companyName: ':companyName' },
          url: '',
          templateUrl: 'CarsList.html',
          data: {
              requireLogin: false,
              displayName: 'List'
          }
      })
  
      .state('Companies.CarsInfo', {
          controller: 'myControl',
          templateUrl: "CarInfo.html",
          data: {
              requireLogin: false,
              displayName: 'Info'
          }
      })
  </code></pre>
  
  <p>html:using single <em>VIEW</em> in home page</p>
  
  <pre><code> &lt;div ui-view&gt;&lt;/div&gt;
  </code></pre>
  
  <p>You have a Solution for my Config?!</p>