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>