Categories: AngularJs

Tables – AngularJS

To display data in tabular forms, we generally use ng-repeat directive that repeats an array of objects.

[html]

state
city

{{ $index + 1 }} {{ y.state }} {{ y.city }}

];

$scope.setOrderSort = function(x) { //alert('h'); $scope.myOrderType = x; }

});


[/html]

In above example data is a static array of state and city.

This data can come from server using $http service. It returns JSON.

You can see we can use $index service to display serial number.

[html]

state
city

{{ $index + 1 }} {{ y.state }} {{ y.city }}

];

$scope.setOrderSort = function(x) { //alert('h'); $scope.myOrderType = x; }

});


[/html]

Using $even and $odd;

[html]

state
city

{{ $index + 1 }} {{ y.state }} {{ y.state }} {{ y.city }} {{ y.city }}

];

$scope.setOrderSort = function(x) { //alert('h'); $scope.myOrderType = x; }

});


[/html]

jeff77

Disqus Comments Loading...
Share
Published by
jeff77

Recent Posts

Noun

A Noun is the name of a person, place or thing. or Name of anything is noun. For example: Sita…

10 years ago

Introduction – AngularJS

Misko Hevery, a Google employee, developed AngularJS. First version 1.0 of AngularJS was released in 2012. Now AngularJS is fully…

9 years ago

Expressions – AngularJS

AngularJS expressions contain operators,literals, and variables.  AngularJS expressions can be written inside HTML while JavaScript expressions can't be.  AngularJS expressions…

9 years ago

Noun – Exercise

Some sentences are given below. Choose the nouns and mention the type of noun whether they are proper noun, common…

9 years ago

Modules – AngularJS

Modules are containers for appication controller. They contain different parts of an application. [html] {{ state + " " +…

9 years ago

Directives – AngularJS

Using Directives you can extend HTML attributes. In AngularJS you can define your own directives while it has its own…

9 years ago