We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

I want example of accrodin using angualr js

using angualar js I want to create accordion control

technology must be angular js and mvc


1 Reply

SN Sasikala Nagarajan Syncfusion Team August 19, 2015 09:30 AM UTC

Hi Rakesh,

Thanks for using Syncfusion products,

We have analyzed your query and prepared the sample based on your requirement. We have created the sample using Angular JS template with MVC 5.2 version. Please refer the below link to know about creating this project.


Please get the sample from below location


In this we have created the ej accordion control using angular directive in welcome.html page and this page included in index view page using “ng-include” directive of angular control.

Controller and modules is defined in app/app.js file. Please refer the below code snippet to know about rendering accordion control using angular directive.

<div id="multiAccordion" ej-accordion style="width: 500px">


<a rel='nofollow' href="#">Orubase</a>



Orubase is the only mobile application development framework built especially for developing complex line-of-business mobile applications targeting iOS, Android, and Windows Phone platforms in the shortest possible timeframe.



<a rel='nofollow' href="#">WinRT XAML</a>



Essential Studio for WinRT contains all the controls you need to build line-of-business tablet applications including grid, chart, map, tree map, SSRS report viewer, rich-text editor, pdf viewer, gauges, barcode, editors, and much more.

It also includes a unique set of controls for reading and writing Excel, Word, and PDF documents in Windows store apps.



<a rel='nofollow' href="#">Metro Studio</a>



Syncfusion Metro Studio is a collection of over 2500 Metro-style icon templates that can be easily customized to create thousands of unique Metro icons.


To know more about ejAngular, please refer the below link


Please check with the given sample and let us know if you have further queries,

Sasikala Nagarajan

Live Chat Icon For mobile
Up arrow icon