angularJS 嵌套抽象 View

标签 angularjs url-routing angular-ui-router

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

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

非常感谢您的帮助。

谢谢

最佳答案

层次结构中可能有更多抽象嵌套状态。此 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 ......但他们可以......

关于angularJS 嵌套抽象 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24842495/

相关文章:

javascript - AngularJS:speedUp打开大图(base64)

AngularJS 单元测试 - 注入(inject)依赖项的各种模式

javascript - 浏览器刷新后 SAPUI5 路由重置

javascript - Ember 路由设计。类似桌面的路线

AngularJS : access scope object from parent to child

javascript - 如何在 Angularjs 中点击 div 标签时使用 ui-sref?

javascript - angularJs 指令的问题

angularjs - 无法运行 `npm install -g angular/cli`

reactjs - 如何在react-router 4中向url添加哈希

javascript - 无法从状态 "home.app.detail"解析状态 "home.apps.list",UI-Router