angularJS嵌套抽象视图

时间:2014-07-19 16:28:52

标签: angularjs url-routing angular-ui-router

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

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

非常感谢您的帮助。

由于

1 个答案:

答案 0 :(得分:9)

层次结构中可能存在更多抽象嵌套状态。这个example显示了它的实际情况,这些状态的定义可能是这样的:

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

检查plunker正如我们所看到的,根(主)和它的子(中间)根本不使用url ......但是它们可以......