使用angularUI从右到左制作标签

【问题标题】：Making tabs right to left with angularUI使用angularUI从右到左制作标签
【发布时间】：2014-07-14 10:11:10
【问题描述】：

我正在使用 angularUI 来制作标签

<tabset>
    <tab
        ng-repeat="t in tabs"
        heading="{{t.heading}}"
        select="go(t.route)"
        active="t.active">
    </tab>
</tabset>

我没有找到从右到左对标签进行排序和对齐的方法

【问题讨论】：

标签： css angularjs angular-ui-bootstrap

【解决方案1】：

标签对齐方式是 CSS。默认是浮动：离开选项卡。如果你想要 float:right，只需这样做：

.nav-tabs>li { float: right; }

【讨论】：

【解决方案2】：

<tabset>
    <tab
        ng-repeat="t in tabs | orderBy:'heading':true"
        heading="{{t.heading}}"
        select="go(t.route)"
        active="t.active">
    </tab>
</tabset>

CSS：

.nav-tabs > li {
    float: left;
}

Documentation for AngularJS orderBy

【讨论】：