进入三级国家

时间:2018-01-28 00:42:42

标签: angularjs angularjs-routing

我试图路由和访问第三级州,但它无法正常工作。 请有人帮我展示如何访问子菜单&home;'? 我试图让我的代码更加麻醉......

我的代码如下所示:

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

1 个答案:

答案 0 :(得分:1)

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

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

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