angularjs 切换tab页的一个方法

tab条的 css：

 .floor-tab-li {
     float: left;
     padding: 6px 12px;
     font-size: 14px;
     font-weight: normal;
     line-height: 1.42857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     border: 1px solid #ddd;
     background-color: #ffffff;
     border-radius: 3px;
     margin-right: 10px;
     color: #4c5667;
     cursor:pointer;
 }

 .tabActive {
     color: #fff;
     background-color: #B36A46;
     border: 1px solid #B36A46;
 }

HTML 代码

<div class="tab">
    <ul class="floor-tab fix">
        <li class="floor-tab-li" ng-repeat="tab in tabs"
            ng-class="{tabActive:isActiveTab(tab.url)}"
            ng-click="onClickTab(tab)">
            {{tab.title}}
        </li>
    </ul>
</div>

<div class="card-box">
    <div ng-include="currentTab"></div>
</div>

<script type="text/ng-template" id="a.html">
        //a.html
</script>
<script type="text/ng-template" id="b.html">
        //b.html
</script>

javascript

//tab
        self.scope.tabs = [
            {
                title: '标题1',
                url: 'a.html'
            },
            {
                title: '标题2',
                url: 'b.html'
            }
        ];

        //默认项
        self.scope.currentTab = 'a.html';

        self.scope.onClickTab = function (tab) {
            self.scope.currentTab = tab.url;
        };

        self.scope.isActiveTab = function(tabUrl) {
            return tabUrl == self.scope.currentTab;
        }

注：倘若更改了数据刷新数据时让页面显示那个页面，比如b.html；在请求数据接口的回调中添加一句：

 self.scope.currentTab = 'b.html';