ui-viewを含むモーダルウィンドウ。

Question

モーダルウィンドウの内側に角度UIルーターを使用するのは可能でしょうか？私は、プロファイル情報を記入するための3つのステップのプロセスを通してユーザーを歩くマルチステップフォームを作成したいと思います。私はこれが凝結しないと思っていた。私の考えはそうのようなモーダルを持っていることでした。

<div id="custom-modal"> 
    <div id="overlay"> 
     <a href ng-click="close()">Close</a> 
     <div class="content"> 

     <div ui-view></div> 

     </div> 
    </div> 
</div> 

私の意図は、独自のテンプレートを含むプロセスの各ステップのためのルートを設定することでした。残念ながら私はこれを行う方法を見つけることができませんでした。これを行う方法はありますか？どのような例を教えていただけますか？どんな援助も素晴らしいだろう！

ありがとうございました。

Answer 1

ui-routerのように、このようなルートを設定します。

あなたはまだあなたのUIビューを使用しますが、ごapp.jsにあなたは$ stateProviderを設定

Router.$inject = ['$stateProvider', '$urlRouterProvider']; 
function Router($stateProvider, $urlRouterProvider){ 
    $stateProvider 
    .state('portfolio', { 
     url: '/', 
     templateUrl: 'portfolio.html' 
    }) 
    .state('login',{ 
     url: '/login', 
     templateUrl: 'login.html' 
    }) 
    .state('feed',{ 
     url: '/feed', 
     templateUrl: 'feed.html' 
    }); 
    $urlRouterProvider.otherwise('/'); 
}