angular-tabs

Angular: simple tabs with animation

Homepage

Added by: Sam Deering

GitHub

Repository

nervgh/angular-tabs

Stats

Stars: 40

Watchers: 40

Forks: 21

Author

Alex
Alex

Module Description

#Angular: simple tabs with animation


Eng

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

Requires

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 / Требует

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>

Module stats last updated: 2017-03-20 16:00:05

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!