title: How can i show parent template and child template using state providers
body: <p>I want to have single parent view and partial child views in a page i am using state providers.</p>
  
  <p>AngularJs code:</p>
  
  <pre><code>           state('packs', {
                      //controller:'PacksController',
                      abstract:true,
                      views: {
                          '@': {
                              template:'&lt;ui-view/&gt;',
                              controller: 'PacksController',
                              controllerAs: 'packctrl'
                          },
                          'header@': {
                              templateUrl: 'static/vendor/views/packs.html',
                              controller: 'PacksController',
                              controllerAs: 'packctrl'
                          }
                      }
                  })
                  .state('packs.general',{
                      parent:'packs',
                      url:'/general',
                      views: {
                          '@': {
                              templateUrl:'static/vendor/views/packs.general.html',
                              controller: 'PacksController',
                              controllerAs:'packctrl'
                          }
                      }
                  })
  </code></pre>
  
  <p>Html code is :</p>
  
  <pre><code>  &lt;div ui-view&gt;&lt;/div&gt;
  </code></pre>