複数の状態のUIルータ

Question

私のAngular JSアプリケーションでは、v1とv2、そして1つのコントローラ-appCtrlの2つのビューがあります。

IはappCtrl 2つの機能有し

  .state('profile.v1', { 
      url: '/v1', 
      templateUrl: 'v1.html', 
      controller: 'appCtrl' 
     }) 
      .state('profile.v2', { 
      url: '/v2', 
      templateUrl: 'v2.html', 
      controller: 'appCtrl' 
     }) 

以下のようにIは、UIのルータを設定している - FV1とFV2を。

ルート '/ v1'が呼び出されるときはfv1を、ルート '/ v2'が呼び出されるときはfv2を実行します。

誰かがお勧めできますか？コントローラに

Answer 1

を注入$state、および$state.current.nameをチェック - それはprofile.v1かprofile.v2である必要があり、あなたが

Answer 2

で現在使用すると、1つの状態の宣言でこれを行うことができます別の方法だ何を状況に応じては、次のとおりです。

.state('profile.detail', { 
     url: '/:version', 
     templateUrl: function($stateParams){    
     return $stateParams.version +'.html'; 
    }, 
     controller: 'appCtrl' 
}) 

コントローラに$ stateParamsを挿入してチェックします$stateParams.version