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;
      },
  })

检查龙头.我们可以看到,root(main)及其子(中间)根本不使用url ......但是他们可以......