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>

但是，我的问题是标签没有切换，而且最重要的是我无法设置标签的内容＆＃39;测试＆＃39;正常。

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

我没有足够的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.

请学习this CodePen以获取更多guid

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

1 个答案: