Question

我刚开始使用Ionic，我有一个构建的应用程序就像这样：

初始页面显示项目列表，当用户点击某个项目时，会打开一个新窗口，其中包含离子标签。

我正在动态填充ion-nav-view。我为测试目的构建了一个非常简单的版本。任何人都可以帮助我实现上述功能吗？

问题：

'main.html'页面的主要内容隐藏在nav-header
单击按钮
即使我通过导航到＃/标签强行打开标签页，它们也不会显示。

有人可以帮助我吗？我完全迷失了。

提前致谢！

HTML：

<body ng-app="starter">

<ion-nav-bar class="bar-positive" align-title="center">
  <ion-nav-back-button class="button-clear">
  </ion-nav-back-button>
</ion-nav-bar>

<ion-nav-view>
    Loading
</ion-nav-view>

应用。 js路线：

$stateProvider
  .state('main', {
      url: '/main',
      templateUrl: 'templates/main.html'
  })
  .state('tabs', {
      url: '/tabs',
      templateUrl: 'templates/tabs.html'
  })

$urlRouterProvider.otherwise('/main');

main.html中：

<ion-content>
    Hey There
    <button class="button button-dark" ng-href="#/tabs">
        Click Me
    </button>
</ion-content>

Tabs.html：

<ion-tabs class="tabs-balanced">
    <ion-tab title="Hey"></ion-tab>
    <ion-tab title="There"></ion-tab>
</ion-tabs>

Answer 1

我不确定在这种情况下<ion-tabs>是正确的方法。它们的目的是在根部充当抽象状态，控制整个应用程序的导航。您可以在文章here

中更详细地了解它们

如果你想要＆＃34;标签＆＃34;在应用程序的不同位置，您可以考虑使用按钮或导航到正确状态的链接，例如：

<a ui-sref="Your state here"></a>

如何在ion-nav-view

1 个答案: