javascript - AngularJS UI-路由器 : Rendering parent partial with child partial

Question

我正在使用 UI-Router AngularJS 的框架，以呈现嵌套的部分。我在渲染父部分及其子部分时遇到问题。这是我的代码:

window.app.config(['$stateProvider', '$urlRouterProvider', 
  function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');
    $stateProvider
    .state('class', {
        url: '/classes/:classId',
        templateUrl: '/views/class.html',
        controller: 'ClassCtrl',
    })
      .state('class.questionList', {
        url: '',
        templateUrl: '/views/questionList.html',
      })
  }]);

在我的子状态声明中，我将 url 设置为一个空字符串，以便它可以与其父状态同时呈现。但是，这不起作用，只有父 View 在呈现。

Answer 1

给父状态添加属性“abstract: true”，通知UI-Router这个状态只能通过子状态的激活来激活。这将使 URL/classes/:classId 激活这两种状态。