如何用angular渲染bootstrap中的tab切换

用angular渲染bootstrap中的tab切换的

思路：先加载scope中的tabs，然后利用后台bootstrap渲染即可。

1、angularjs代码：

angular.module('TabsApp', [])

.controller('TabsCtrl', ['$scope', function ($scope) {

    $scope.tabs = [{

            title: 'One',

            url: 'one.tpl.html'

        }, {

            title: 'Two',

            url: 'two.tpl.html'

        }, {

            title: 'Three',

            url: 'three.tpl.html'

    }];

    $scope.currentTab = 'one.tpl.html';

    $scope.onClickTab = function (tab) {

        $scope.currentTab = tab.url;

    }

    $scope.isActiveTab = function(tabUrl) {

        return tabUrl == $scope.currentTab;

    }

}]);

2、渲染效果：