This topic covers samples with Ignite UI directives for AngularJS.
This topic contains the following sections:
In order to run this sample, you need to have:
This sample will demonstrate how we can use igGrid
with AngularJS.
The following is a preview of the final result.
This sample demonstrates how AngularJS directives are used with the igGrid when Updating
, Paging
and Sorting
features are activated.
This sample will demonstrate how we can use igEditors
with AngularJS.
The following is a preview of the final result.
This sample demonstrates how to create a number of different editors using AngularJS directives.
This sample will demonstrate how we can use igTileManager
with AngularJS.
The following is a preview of the final result.
In this sample we use the igTileManager
AngularJS directive. Firstly we introduce a data
variable in our controller which holds the data source. Then we declare an igTileManager
AngularJS directive and bind it to the data
variable.
This sample will demonstrate how we can use igDialog
with AngularJS.
The following is a preview of the final result.
In this sample we use the igDialog
AngularJS directive. The Dialog Window is initialized with headerText
and height
options set.
This sample will demonstrate how we can use igTree
with AngularJS.
The following is a preview of the final result.
In this sample we use the igTree
AngularJS directive. Firstly we introduce a data
variable in our controller which holds the data source. Then we declare an igTree
AngularJS directive and bind it to the data
variable.
This sample will demonstrate how we can use igMap
with AngularJS.
The following is a preview of the final result.
In the sample above we show how a zoomable map can be initialized using an AngularJS directive.
This sample demonstrates how AngularJS
directives are used to instantiate igLayoutManager
.
The following is a preview of the final result.
In this sample we use the igLayoutManager
AngularJS directive.
This sample demonstrates how AngularJS
directives are used to instantiate igDataChart
.
The following is a preview of the final result.
This sample demonstrates how to link together the Data Chart and Zoombar Controls using AngularJS directives.
The following topics provide additional information related to this one:
View on GitHub