angularJS嵌套抽象视图

Question

我正在使用StateProvider库在我的AngularJS应用程序中创建嵌套视图。我在根定义了一个抽象视图，现在需要定义另一个抽象视图作为先前创建的抽象视图的第二级子视图。

面对这个问题，不确定我是否可以有嵌套的抽象视图。任何想法。

非常感谢你的帮助。

谢谢

Answer 1

层次结构中可以有更多的抽象嵌套状态。这个例子展示了它的实际作用，这些状态的定义可以像这样:

$stateProvider
  .state('main', {
      url: "",
      abstract: true,
      templateUrl: 'tpl.main.html',
  })
  .state('main.middle', {
      url: "",
      abstract: true,
      templateUrl: 'tpl.middle.html',
  })
  .state('main.middle.alpha', {
      url: "/alpha",
      templateUrl: 'tpl.leaf.html',
      controller: function ($scope, $state){
        $scope.state = $state.current;
      },
  })

检查柱塞。我们可以看到，根(主)和它的子(中间)根本不使用url…但是他们可以…