nervgh / angular-tabs

Angular: simple tabs with animation

#Angular: simple tabs with animation

---

Eng

##About tabs is module for angular framework. Live demo

Requires

• the angularjs framework

Includes

Directives

• ng-tabs - area of ​​the container tabs
• ng-tab-head - tab head
• ng-tab-body - tab body

Scope

The ng-tabs directive creates a isolate scope. Variables of this scope:

tabs: {
    index: {Number},  // current tab index
    count: {Number}  // tabs count
};

Example

<div ng-tabs>
    <div ng-tab-head>First tab</div>
    <div ng-tab-head="active">Second tab</div>
    <div ng-tab-body>Content 1</div>
    <div ng-tab-body="animation">Content 2</div>
</div>

Sorry for my english : )

---

Rus

##About / О модуле tabs - модуль табов для фреймворка angular. Live demo

Requires / Требует

• angularjs фреймворк

Includes / Включает

Directives / Директивы

• ng-tabs - задает область контейнера табов
• ng-tab-head - голова таба
• ng-tab-body - тело таба

Scope / Область видимости

Директива ng-tabs создает изолированную область видимости, в которой доступны переменные:

tabs: {
    index: {Number},  // current tab index
    count: {Number}  // tabs count
};

Example / Пример

<div ng-tabs>
    <div ng-tab-head>First tab</div>
    <div ng-tab-head="active">Second tab</div>
    <div ng-tab-body>Content 1</div>
    <div ng-tab-body="animation">Content 2</div>
</div>

angular-tabs's Issues

unable to install ng-tabs using npm install ?

unable to install ng2-tabs using npm install .Please tell correct node dependencies for ng2-tabs

need bootstrap !!

Bower support?

Is there a planned implementation for installs via bower?

Doesn't work in localhost xampp windows 10 firefox

This just shows the raw html when i deploy it to xampp == "C:\xampp\htdocs\0004nervghangular-tabs\www" on windows 10 and browse in firefox to http://localhost/0004nervghangular-tabs/www/

Here's the output:
Angular: simple tabs with animation

Tab 1
Tab 2
Tab 3
Tab 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam tincidunt mauris eu risus.
Vestibulum auctor dapibus neque.

Feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
These tabs without animation

Tab 1
Tab 2

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.

Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.

Thanks for the help.

Cpacebo

ngTabs controller is missing dependency annotation

ngTabs controller is missing dependency annotation for $scope and does not work when minified.

Is this repository still maintained?

I've noticed that no activity has been made on here for at least the last 6 months (including responses to issues).

Also, the readme is different to the one on the npm package.

Are you planning on maintaining this package? If so, I have a few PRs I'd like to propose.

create tab ?

How to dynamically create a new tab page?