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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to use Angular template in the column of the Grid ?

You can render the column template directly in the Angular Grid column element with its Angular directives. The Angular controller scope values can be used by $parent property in the template.

Initialize the Grid with the column template. Declare the image template with the Angular directive (ng-src) and Angular scope value ($parent.title).


Define the Grid DataSource and scope value in the Angular controller.


The output of above sample is as follows.

Article ID: Published Date: Last Revised Date: Platform: Control:
5176 07/06/2015 07/06/2015 JavaScript ejGrid
Did you find this information helpful?
Kevin robinson Jul 29, 2016
How do I bind to the grid using an angular promise.  Do I have to use the "dataManager" ?   

var volunteerPromise = clientServices.GetAllClientsByVolunteerId(volunteerId);
volunteerPromise.then(function (response) {
vm.clients = response.data;
}).catch(function (error) {
vm.status = error;
}).finally(function () {
vm.loading = false;
Add Comment
You must log in to leave a comment

Please sign in to access our KB

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon