离子 href 不工作

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 但 href 仍然无法正常工作

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 不工作

Ionic href not working

javascript

ionic-framework

href

location-href