Question

我只想导航到另一个页面。但是href无效。

HTML代码：

<a class="item item-avatar" href="#/app/top">
  <img src="../img/cool.png">
  <h2>Cool Status <p style="float:right;"> >></p></h2>
</a>

在App.js

中

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

 .state('app.top', {
  url: '/top',
  views: {
    'menuContent': {
      templateUrl: 'templates/top.html'
    }
  }
 });
});

我也正在阅读论坛 https://forum.ionicframework.com/t/ionic-href-not-working/17750 但仍然没有工作

Answer 1

我假设任何形式的导航都有效。

HTML代码：

<a class="item item-avatar" href="#/top">
  <img src="../img/cool.png">
  <h2>Cool Status <p style="float:right;"> >></p></h2>
</a>

App.js

.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('top', {
            url: '/top',
            templateUrl: 'templates/top.html'
        });

    $urlRouterProvider.otherwise("/");
});

Answer 2

只需要一个带有 www 的 href

<a href='https://PS5-LFAMO.cadd27.repl.co'>working link</a>

离子href不起作用

2 个答案: