Angularjs 获得第三级';美国

Angularjs 获得第三级';美国,angularjs,angularjs-routing,Angularjs,Angularjs Routing,我正在尝试路由和访问第三层的状态,但它不起作用。 请有人帮我演示如何访问子菜单“home1”? 我正在努力使我的代码更简单 我的代码如下所示: angular.module('ionicApp', ['ionic']) .config(function($stateProvider, $urlRouterProvider) { $stateProvider .state('eventmenu', { url: "/event", abstract: tru

我正在尝试路由和访问第三层的状态,但它不起作用。 请有人帮我演示如何访问子菜单“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中看到该代码的示例:

如果我每次看到用户界面路由器视图系统有问题时都有一美元。
.state('eventmenu.home.home1', {
  url: "/home1",
  views: {
    'menuContent@eventmenu' :{
      templateUrl: "home1.html"
    }
  }
})