#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 indexcount: {Number}// tabs count};

Example

<divng-tabs><divng-tab-head>First tab</div><divng-tab-head="active">Second tab</div><divng-tab-body>Content 1</div><divng-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 indexcount: {Number}// tabs count};

Example / Пример

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