大佬教程收集整理的这篇文章主要介绍了Angular ui.bootstrap.tabs,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html> <html> <head> <Meta name="viewport" content="width=device-width" /> <title>TabsIndex</title> <link href="~/Content/bootstrap.css" rel="stylesheet" /> <script src="~/Scripts/angular.js"></script> <script src="~/Scripts/ui-bootstrap-tpls.js"></script> <script> angular.module('ui.bootstrap.demo',['ui.bootstrap']) .controller('TabsDemoCtrl',function ($scope,$window) { $scope.tabs = [ { title: '标签页a',content: '标签页a的内容' },{ title: '标签页b',content: '标签页b的内容',disabled: true } ]; $scope.alertMe = function () { setTimeout(function () { $window.alert('clicked!'); }); }; }); </script> </head> <body ng-app="ui.bootstrap.demo"> <div ng-controller="TabsDemoCtrl"> <uib-tabset active="active" type="tabs"> <uib-tab index="0" heading="标签页1">内容1</uib-tab> <uib-tab index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.titlE}}" active="tab.active" disable="tab.disabled"> {{tab.content}} </uib-tab> <uib-tab index="3" SELEct="alertMe()"> <uib-tab-heading> <i class="glyphicon glyphicon-bell"></i> Alert! </uib-tab-heading> 内容部分 </uib-tab> </uib-tabset> </div> </body> </html>
以上是大佬教程为你收集整理的Angular ui.bootstrap.tabs全部内容,希望文章能够帮你解决Angular ui.bootstrap.tabs所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。