Question

在模态窗口中使用Angular UI路由器是否可行？我想创建一个多步骤表单，它将引导用户完成三个步骤以填写个人资料信息。我以为这不会那么凝重。我的想法是有这样的模态：

<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-view，但在你的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('/');
}

包含ui-view的模态窗口。

1 个答案: