角UIルート/国家の設計と実装が正しく動作しない

Question

私はこのようなコード化されたページの3 UIの景色を眺めることができますこのような：

angular.module('core').config(['$stateProvider', 
 
    function ($stateProvider) { 
 
    $stateProvider 
 
     .state('core', { 
 
     abstract: true, 
 
     url: '/core', 
 
     views: { 
 
      'nav@': {templateUrl:'modules/core/client/views/partials/nav.view.html'}, 
 
      'topbar@': {templateUrl:'modules/core/client/views/partials/topbar.view.html'}, 
 
      'footer@': {templateUrl:'modules/core/client/views/partials/footer.view.html'} 
 
     }, 
 
     data: { 
 
      roles: ['super', 'admin', 'narc'] 
 
     } 
 
     }) 
 
     .state('core.settings', { 
 
     url: '/settings', 
 
     views: { 
 
      '': {templateUrl:'modules/narc/client/views/content/canvas.list.view.html'} 
 
     }, 
 
     data: { 
 
      roles: ['super', 'admin', 'narc'] 
 
     } 
 
     }); 
 
    } 
 
]);

私は直面している2つの問題があります。

1. ナビゲーション内のリンクは、UI-SREF =「core.settings」に設定し、 リンクがクリックされたとき、私は、リソースの負荷にcanvas.list.view.htmlを参照してください が、それはロードされません。私はまた 名前ui-viewと同じ結果でこれを試してみました。それは代わりに、実際の位置の状態を参照しているので、 を同じリンクをクリックすると

2. 、それは 設定に記載されたURLにwindow.locationのを変更しますが、私はページを更新する場合、それは404エラー。 .. 私は手動で＃を置く場合！ URLの前に、それはNAV、topbarとフッターにロードして（空白のページ を引き上げるが、ない無名のビューがロードされません。

ご協力いただきありがとうございます!!

Answer 1

私は＃を考え出しました

$locationProvider.html5Mode(false).hashPrefix('!');に

$locationProvider.html5Mode(true).hashPrefix('!')

を変化させることにより上記2、は

それは私が、同様に＃1を考え出し抽象的な「親」の状態は、テンプレートを必要

... URLは実際に共有し、まだ限り、認証が整備されているように機能/コピー/貼り付けすることができます：

template: '<ui-view/>'

これはそれをすべての仕事作りました。はい！