angularjs bootstrap选项卡使用

我想实现引导标签，如this示例，使用angularjs bootstrap - 它包含指令tabbable和tabPane。它不起作用，我不知道如何让球滚动。angularjs bootstrap选项卡使用

<tabbable> 
    <tabPane title="first"> 
     <div ng-controller="FirstCtrl"></div> 
    </tabPane> 
    <tabPane title="tabbable"> 
     <div ng-controller="SecondCtrl"></div> 
    </tabPane> 
</tabbable>

app.js：

angular.module('orders_manage', ['orders_manage.services', 'bootstrap']) 
.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { 

$routeProvider 
    .when('/first', { templateUrl:'/partials/first.html', controller:FirstCtrl}) 
    .when('/second', { templateUrl:'/partials/second.html', controller:SecondCtrl})

来源

2012-09-03 karser

这里是从jsFiddle更新到1.0.1的版本：http://jsfiddle.net/pkozlowski_opensource/HaN7d/1/它工作正常。我对你想要做什么感到困惑：从小提琴的作品中使用这个版本？还是从角度来看呢？如果你是在使角度工作后，你面临的问题是什么？你能发送一个暴露问题的jsFiddle吗？ –

如果你看看源，你会发现，这些指令被限制在类名：https://github.com/angular/angular.js/blob/v1.0.x/src/bootstrap/bootstrap.js#L54

重写你的榜样使用<div class="tabbable">和<div class="tab-pane">将解决这个问题。

来源

2012-12-06 00:55:36 tilgovi

这个plunk显示了你正在寻找的一个例子。在angularjs JsFiddle-Examples wiki上找到原始链接。

角度引导Tabbable与NG-视图和URL作为当前标签深联（安迪·乔斯林）

另外，根据你的使用情况，您可能想看看的创建部件部分关于angularjs主页http://angularjs.org。该部分中的'component.js'源代码显示了示例代码，以便在没有angularjs bootstrap的情况下快速获取制表符。如果您需要对功能进行更多控制，则可以使用此示例构建自定义解决方案。

来源

2012-12-30 19:06:14

angularjs bootstrap选项卡使用

回答

相关问题