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';