AngularJS單視圖與多表單模式

Question

我相信你都很好。有一些邏輯我需要幫助解決，並且有一個例子可以幫助我很好地理解這個概念。

我有一個註冊視圖，如下所示。

根據所選的按鈕，註冊表單以模式顯示。假設廣告主按鈕被點擊時，形式如下下面

畫面然而，影響者按鈕點擊應當拉起此其它形式與在嚮導替代社會註冊或形式註冊，如下示出。上述

的兩種形式要麼是一種形式嚮導和結束步驟應導致解析形式條目到一些數據庫我想。

我希望將所有這些都放在一個視圖上，但是有選擇性，以便能夠根據所選標準顯示相應的選項。

實現上述目標的可行性如何，我的邏輯應該如何構建和實現。我知道不知何故，我將不得不使用面板，對話和一些功能，但不能把它放在一起。 希望能提供的每一個幫助。

謝謝。

Answer 1

你只需要改變app.js文件你在哪裏做你的路由

   var app = angular.module('demoapp', ['ui.router']); 
       app.config(function ($stateProvider) { 
        $stateProvider 
          .state('sign_up', { 
           url: '/sign_up', 
           views: { 
            loginContent: { 
             templateUrl: 'app/sign_up/sign_up.html', 
             controller: 'sign_upCtrl' 
            } 
           } 
          }) 
          .state('sign_up.firstPage', { 
           url: '/sign_up-firstPage', 
           views: { 
            loginContent: { 
             templateUrl: 'app/sign_up/firstPage.html', 
             controller: 'firstPageController' 
            } 
           } 
          }) 
          .state('sign_up.secondPage', { 
           url: '/sign_up-secondPage', 
           views: { 
            loginContent: { 
             templateUrl: 'app/sign_up/secondPage.html', 
             controller: 'secondPagePageController' 
            } 
           } 
          }) 
       }).run(function ($state){ 
        $state.go('sign_up'); 
       }); 

，並在body標籤index.html文件

 <div ui-view="header"></div> 
     <div ui-view="loginContent"></div> 
     <div ui-view="footer"></div>