【问题标题】:how to make tab on top in ionic framework + angular?如何在离子框架+角度中制作标签?
【发布时间】:2015-04-06 10:56:19
【问题描述】:

你能告诉我如何在离子框架+角度中制作标签吗?我可以在jquery mobile中制作 https://jsfiddle.net/j14u1kLx/ 我需要在离子框架上尝试同样的方法

http://ionicframework.com/docs/api/directive/ionTabs/ 但是这些选项卡出现了,我需要在我在小提琴中做的标题上添加选项卡。你能告诉我我将如何在离子相同的任务中做。我可以使用 jquery mobile 来做。

<div data-role="tabs" id="tabs">
  <div data-role="navbar">
    <ul>
      <li><a href="#one" data-ajax="false">one</a></li>
      <li><a href="#two" data-ajax="false">two</a></li>
      <li><a href="ajax-content.html" data-ajax="false">three</a></li>
    </ul>
  </div>
  <div id="one" class="ui-body-d ui-content">
    <h1>First tab contents</h1>
  </div>
  <div id="two">
    <ul data-role="listview" data-inset="true">
        <li><a href="#">Acura</a></li>
        <li><a href="#">Audi</a></li>
        <li><a href="#">BMW</a></li>
        <li><a href="#">Cadillac</a></li>
        <li><a href="#">Ferrari</a></li>
    </ul>
  </div>
</div>

谢谢

【问题讨论】:

标签: javascript jquery angularjs ionic-framework ionic


【解决方案1】:

参考这个链接:

http://ionicframework.com/docs/components/#striped-style-tabs.

为了使标题出现在顶部,您可以从 css 文件中删除此类的 css 样式“位置:abolute”,否则将其设为“位置:继承”。 这样就解决了目的。

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签