Simple Angular Tabs Controls Directive
Today, We want to share with you Simple Angular Tabs Controls Directive.
In this post we will show you Simple Tab Controls in AngularJS Example, hear for Build a Tabs Directive in AngularJS we will give you demo and example for implement.
In this post, we will learn about Simple Tab Controls in AngularJS with an example.
The Tab control is a only one place to show separate tab and different types of information view.
and allows user to display just only one tab at a time.
It tabs allows the user(click) to select from a number of different(seprate) views by clicking on the tab headers and select content show just view only this page content ata a time.
Many other include css to different type Fade Effect and display tab.
First Include angularjs script library
[php]
http://yourprojectname/angularjs/1.3.15/angular.min.js
[/php]
Include AngularJS Module and controller
[php]
[/php]
Include AngularJS Body Part
[php]
[/php]
Include AngularJS JavaScript
[php]
angular.module(“kingapp”, [])
.controller(“angularkingctrl”, [‘$scope’, function($scope) {
$scope.page_activeTab_in = 1;
$scope.setpage_activeTab_in = function(select_tabname) {
$scope.page_activeTab_in = select_tabname;
}
}]);
[/php]
angularjs tabs control Full php example
[php]
http://yourprojectname/angularjs/1.3.15/angular.min.js
angular.module(“kingapp”, [])
.controller(“angularkingctrl”, [‘$scope’, function($scope) {
$scope.page_activeTab_in = 1;
$scope.setpage_activeTab_in = function(select_tabname) {
$scope.page_activeTab_in = select_tabname;
}
}]);
[/php]
