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