关于AngularJs的ng-repeat

ng-repeat生成重复标签

<!-- 标签内容 -->
<div class="tab">
    <ul>
        <li class="" ng-class="{'active':currentPage==page}" 
        ng-repeat="page in pages">
            <a ng-clock="showPage(page)">
                <span ng-bind="page.title"></span>
            </a>
        </li>
    </ul>
</div>
<!-- 标签点击面板 -->
<div>
    <div ng-class="{'active':currentPage==page}" class="tab-pane"
    ng-show="currentPage==page" ng-repeat="page in pages"
    data-ng-include="page.templateUrl">
    </div>
</div>
<!-- js部分 -->

<script type="text/javascript">
var page=[
{title:'标签一',templatUrl:'/页面路径',
    controller:'控制器名称',
    deps:['/页面相关js文件的路径']
    }
]

//记录点击的是第几页
$scope.showPage=function(page){  
    $scope.currentPage=page;
};

//默认第一页
$scope.showPage(pages[0]);
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值