認証に基づいてAngularの別のエントリポイントにリダイレクトするようにアプリケーションのエントリポイントを設定する

Question

以下のロジックがあり、ユーザの認証状態に基づいてエントリポイントを分割する角度アプリを設定する最も良い方法は何か不思議です。例えば

ユーザーがexample.comになった場合、次の現象が発生するため、私はしたいと思います：

• ユーザーが認証されている場合は

  • 特別なヘッダを持っているアプリのルートをレンダリング中央にはui-viewと表示されているアプリを共有するフッターがあります。
  • home

• へのルートユーザをユーザが

  • 途中でui-viewこれらの認証されていないページ間で共有基本ヘッダとフッタを有するアプリルートをレンダリングを認証されていない場合ビューを交換する
  • ルートlanding

Answer 1

にユーザーがランディングページ用のテンプレートを作成し、このようなあなたの認証済みのページ：

<div class="wrapper"> 
    <div ui-view="landing-header"></div> 
    <div ui-view="landing-content"></div> 
    <div ui-view="landing-footer"></div> 
</div> 

は、その後、いくつかのメイン（ルート）から生じる別々の状態を作成しましたあなたのアプリケーション全体に応じてユーザーをリダイレクトします。

$stateProvider.state('root.landing', { 
      url: '/landing', 
      views: { 
       'landing-header': { 
        templateUrl: 'landing/header.template.html' 
       }, 
       'landing-content': { 
        templateUrl: 'landing/login.template.html' 
       }, 
       'landing-footer': { 
        templateUrl: 'landing/footer.template.html' 
       } 
      } 
     })