angularjsブートストラップタブを使用

thisのようなブートストラップタブを実現したいと考えています。を使用しています。angularjs bootstrap - これには、tabbableとtabPaneというディレクティブが含まれています。それは動作しません、私はどのようにボールローリングを取得するか分からない。angularjsブートストラップタブを使用

<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にあります。

現在のタブの深いリンクとしてNG-ビューとURLと

角度ブートストラップTabbable（アンディ・ジョスリン）

はまた、あなたのユースケースに応じて、あなたはを見てみたいことがあり作成します。 angularjsホームページのコンポーネントセクションhttp://angularjs.org。このセクションの'component.js'ソースコードは、angularjs bootstrapを使わずにすばやくタブを動作させるためのコード例を示しています。機能をより詳細に制御する必要がある場合は、この例を使用してカスタムソリューションを構築することができます。

出典

2012-12-30 19:06:14

angularjsブートストラップタブを使用

答えて

関連する問題