複数のテンプレートを同じコントローラで同じ状態で宣言する方法

Question

1つの状態が必要で、同じコントローラを持つその状態に対して2つの異なるビューを定義する必要があります。 私がしたいことを理解するための参照用のダミーコードです。

//view 1 
<div> 
<p>This is View One</p> 
</div> 
//View 2 
<div> 
<p>This is View One</p> 
</div> 
//This is my state 
.state('myState',{ 
templateUrl:view1,view2//This is what I need 
controller:'sameController'//for both views controller should be same 
}); 

Answer 1

templateUrlには関数を使用できます。擬似コード：

templateUrl: function ($stateParams){ 
     if (thisCondition === foo) { 
      return 'view1.html'; 
     } else if (thisCondition === bar) { 
      return 'view2.html'; 
     } 
    }