离子：我无法正确创建标签

Question

我曾经使用以下代码创建带有一些内容的选项卡：

    <div class="tabs-striped tabs-top tabs-background-positive tabs-color-light">
    <div class="tabs">
      <a class="tab-item active" href="#">
        <i class="icon ion-home"></i>
        Test
    <div class="item item-avatar">
      <div ng-bind="profile.img_element"></div>
    <h2 ng-bind="profile.name"></h2>
    <p ng-bind="profile.points"></p><p> points</p> 

    </div>
      </a>
      <a class="tab-item" href="#">
        <i class="icon ion-star"></i>
        Favorites
      </a>
      <a class="tab-item" href="#">
        <i class="icon ion-gear-a"></i>
        Settings
      </a>
    </div>
  </div>

但是，我的问题是选项卡没有切换，最重要的是我无法正确设置选项卡“测试”的内容。

我做了一些搜索，但仍然没有找到解决方案。

我对 Ionic 没有足够的经验，所以任何帮助将不胜感激。

谢谢。

Answer 1

href="#" should not be '#' for every tab. '#' means default root url. So when you click on every page it redirect on same page. You need to set content using 'ion-nav-view' for tab view.

请学习thisCodePen 以获得更多指导