關於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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章