访问第三级状态答案

【问题标题】：Acessing third level's states访问第三级状态
【发布时间】：2018-01-28 00:42:41
【问题描述】：

我正在尝试路由和访问第三级的状态，但它不起作用。拜托，有人可以帮我展示如何访问子菜单“home1”吗？我试图让我的代码更加嵌套......

我的代码如下所示：

angular.module('ionicApp', ['ionic'])

.config(function($stateProvider, $urlRouterProvider) {

  $stateProvider
    .state('eventmenu', {
      url: "/event",
      abstract: true,
      templateUrl: "event-menu.html"
    })
    .state('eventmenu.home', {
      url: "/home",
      views: {
        'menuContent' :{
          templateUrl: "home.html"
        }
      }
    })
      .state('eventmenu.home.home1', {
      url: "/home/home1",
      views: {
        'menuContent' :{
          templateUrl: "home1.html"
        }
      }
    })

你可以在codepen中查看代码示例：link

【问题讨论】：

标签： angularjs angularjs-routing

【解决方案1】：

如果我每次看到人们对 ui-routers 视图系统有问题时都有一美元 >.<...>

无论如何...由于您尝试替换与父状态目标相同的视图，因此您需要明确说明。

.state('eventmenu.home.home1', {
  url: "/home1",
  views: {
    'menuContent@eventmenu' :{
      templateUrl: "home1.html"
    }
  }
})

【讨论】：