@brycehanscomb/angular-tabs
v1.0.2
Published
Tabs directives for Angular 1.x
Downloads
10
Maintainers
Readme
Angular Tabs
Simple tabs directive for AngularJS 1.x with animation.
Based on Nervgh's original implementation (ISC licenced)
English
##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>
Russian
##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>