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選項卡使用

回答

相關問題