首页 > 解决方案 > ui-router 更改 URL 但不加载模板 angular-ui router + ionic 1 +

问题描述

我面临路由问题。url 更改为预期的,但模板永远不会加载,并且控制台上没有错误。我在我的项目中使用 Ionic 1。

这是我的路由配置。

    $stateProvider
      .state('管理员', {
        网址:“/管理员”,
        意见:{
          “着陆”:{
            templateUrl: "templates/admin/admin-login.html",
            控制器:'AdminLoginController'
          }
        }
      })
      .state('adminapp', {
        网址:'/adminapp',
        摘要:真实,
        意见:{
          '行政': {    
          templateUrl: "templates/admin/admin-main.html",
          控制器:'AdminLoginController'
          }
        }
      })
      .state('adminapp.parking', {
        url: "/adminparking",
        意见:{
          'adminMenuContent': {
            templateUrl: "templates/admin/admin-home.html",
            控制器:'AdminHomeController'
          }
        }
      })


下面是 index.html 中的片段

<body ng-app="starter" class="starter">
    <ion-nav-view name="landing"></ion-nav-view>
    <ion-nav-view name="admin"></ion-nav-view>
</body>

下面是 admin-main.html

    <ion-side-menus enable-menu-with-back-views="false" ng-init="initAdmin()">
  <ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button>
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>


    </ion-nav-bar>
    <ion-nav-view name="adminMenuContent"></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="left">
    <div ng-include="'templates/admin/admin-menu-template.html'"></div>
  </ion-side-menu>
</ion-side-menus>

我不得不使用两个视图,因为登录页面没有菜单,登录后的所有其他页面都有菜单,根据一些离子论坛帖子,我必须使用两个视图。

初始登录页面 url 是/pg-admin/index.html#/admin. 登录后导航到pg-admin/index.html#/adminapp/adminparking.

当我从面板菜单中选择“注销”选项时,我正在导航回/pg-admin/index.html#/admin. 但它永远不会加载登录页面,尽管现在更改了 url。我正在尝试导航到登录如下

$state.go('admin', {});

“管理员”视图中的导航工作正常。例如,如果我导航到 pg-admin/index.html#/adminapp/settings,这是有效的。

路由配置有什么问题吗?我想抽象视图周围有些可疑之处。

标签: angularjsangular-ui-routerionic-v1nested-views

解决方案


推荐阅读