bootstrap怎么配合?
用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、渲染效果:
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有