主页 / 问题 / 622436
Accepted
Al Mr
Asked:2020-02-02 15:36:15 +0000 UTC2020-02-02 15:36:15 +0000 UTC

在 Ionic 应用程序中导航页面（路由）

  • 772

在 Ionic 应用程序中浏览页面不起作用。我将 qwe.html 文件放在视图文件夹中，内容如下：qweqwe在 app.js 中，我写了这个

.config(function($stateProvider,$urlRouterProvider){
    $stateProvider
        .state('index',{
            url:'/',
            abstract:true,
            templateUrl:'index.html'
        })
        .state('index.qwe',{
            url:'/view/qwe',
            views:{
                'qwe':{
                    templateUrl:'view/qwe.html'
                }
            }
        });
})

Index.html 是这样说的：

<body ng-controller="main">
  <ion-pane>
    <ion-header-bar class="bar-stable">
      <a href="#/">index</a>
      <a href="#/view/qwe">qwe</a>
    </ion-header-bar>

    <ion-content>
      <ng-view></ng-view>
    </ion-content>

    <div class="bar bar-footer bar-balanced">
    </div>
  </ion-pane>
</body>

一切似乎都像 Ionic 和 Angular 的众多文档中那样完成，但是当您单击屏幕上的链接时，没有任何变化。只有地址栏发生变化。在控制台中，“网络”选项卡显示已找到 qwe.html 文件。我尝试将“ngRoute”添加到模型声明中并包括 angular-route.js - 结果是一样的。有什么问题吗？

angularjs

1 个回答

  1. Best Answer

    当我像这样在 app.js 中编写状态时它起作用了

    .state('qwe',{
     url:'/qwe',
     templateUrl:'view/qwe.html'
})

    我在 index.html 中写了一个指令<ion-nav-view></ion-nav-view>

    • 0

相关问题