#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>