2012-09-03 36 views
7

Tôi muốn đạt được các tab khởi động như trong ví dụ this, sử dụng angularjs bootstrap - Nó chứa các chỉ thị tabbable và tabPane. Nó không hoạt động, tôi không có ý tưởng làm thế nào để có được bóng lăn.angularjs tab bootstrap bằng cách sử dụng

<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}) 
+1

Đây là phiên bản từ jsFiddle được cập nhật lên 1.0.1: http://jsfiddle.net/pkozlowski_opensource/HaN7d/1/ nó hoạt động tốt. Tôi là một chút bối rối về những gì bạn đang cố gắng làm: làm cho phiên bản từ công việc fiddle? Hoặc một từ công việc góc? Nếu bạn sau khi làm cho một góc làm việc, vấn đề bạn đang phải đối mặt là gì? Bạn có thể gửi một jsFiddle phơi bày vấn đề? –

Trả lời

1

plunk hiển thị ví dụ về những gì bạn đang tìm kiếm. Đã tìm thấy liên kết ban đầu trên angularjs JsFiddle-Examples wiki.

góc Bootstrap Tabbable với ng-view và url là tab hiện sâu liên kết (Andy Joslin)

Ngoài ra, tùy thuộc vào trường hợp sử dụng của bạn, bạn có thể muốn có một cái nhìn tại Tạo Các thành phần phần trên trang chủ của angularjs http://angularjs.org. Mã nguồn 'component.js' trong phần đó hiển thị mã mẫu để nhanh chóng nhận được tab hoạt động mà không cần angularjs bootstrap. Bạn có thể sử dụng ví dụ này để xây dựng giải pháp tùy chỉnh nếu bạn cần kiểm soát nhiều hơn chức năng.

Các vấn đề liên quan