选择列表项分页内的默认选项卡

Select default tab inside pagination for list item

本文关键字：默认 选项 列表 分页 选择      更新时间：2023-09-26
<div>
    <pagination ng-show="ready"
                total-items="total"
                ng-model="index"
                ng-change="func()"
                class="pagination-sm"
                boundary-links="true"
                items-per-page="1"
                max-size="15">
    </pagination>
    <ul class = "active">
        <li><a>val1</a></li>
        <li><a>val2</a></li>
        <li ng-repeat="o in values"> <a>{{o.val}}</a></li>
    </ul>
</div>

每个分页中都显示一组选项卡。默认选项卡 ( val1 ( 在第 1 页上处于选中状态。假设我将选项卡更改为 val2 或 ng 重复中的其他内容。我转到第 2 页(当前未选择任何内容(。在那里，我怎样才能选择val1？

谢谢。。。

请尝试

以下操作：

<ul>
    <li ng-repeat="o in values" heading="{{o.title}}" active="o.active">      
        <a>{{o.val}}</a>
    </li>
</ul>
<script type="text/javascript">
    $scope.active = function() {
        return $scope.o.filter(function(o){
          return o.active;
        })[0];
    };
</script>
相关文章：