AngularJS UI路由器嵌套视图

我正在尝试将嵌套视图放在模态视图中。我可以很好地拉入第一层视图，但是嵌套视图在某种程度上欺骗了我。不知道我在这里错过了什么

---

它将不起作用，因为单击时您仅切换模式。您的州/路线未更改。路线/状态没有改变，嵌套状态如何出现在图片中？

正如Nikhil.agw所说，当您打开modal时，您没有改变您的状态

你可以这样做：

---

然后，只需包含一种在模式关闭时返回到前一状态的方法

如果您想在AngularJs应用程序中使用引导组件，我建议您考虑使用转换为UI引导组件，如果这些问题很常见的话。

var App = angular.module('App', ['ui.router']);

// routes
// -------------------------
App.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider

  // default state route
  .state('app',{
    url: '/',
    views: {
      'content': {
        templateUrl: 'home.html'
      },
      'modals': {
        templateUrl: 'modal.html'
      }
    }
  })

  // + modal content
  .state('app.form', {
      url: '/form',
      views: {
        'modal-content@modals': {
          templateUrl: 'form.html'
        }
      }
  })

  //catch all route
  $urlRouterProvider.otherwise('/');

})

<li><a href="#" data-toggle="modal" ui-sref="app.form" data-target="#myModal">Open this modal</a></li>