angular ui grid how to display html in the grid

Question

I'm trying to display html in the grid looking at

I ended up with

var app = angular.module('myApp', ['ngGrid']);
            app.controller('MyCtrl', function($scope) {
                $scope.myData = [
                        {name: "Moroni", age: 50},
                        {name: "Tiancum", age: 43},
                        {name: "Jacob", age: 27},
                        {name: "Nephi", age: 29},
                        {name: "Enos", age: 34}
                    ];
                $scope.gridOptions = { 
                    data: 'myData',
                    columnDefs: [
                        {field: 'name', displayName: 'Name'}, 
                        {field:'age', displayName:'Age'}, 
                        {field: 'remove', displayName:'', cellTemplate: '<div class="ngCellText" ng-class="col.colIndex()"><a href="{{row.getProperty(age)}}">Visible text</a></div>'}
                    ]
                };
            });

but it doesn't work (the href attribute is empty) so what's the right way ? Bye

I always use ng-href in place of href if there is angular in the URL...see the ngHref doc — Kabb5
– Kabb5, Commented Sep 25, 2013 at 19:07

Chandermani · Accepted Answer · 2013-09-09 14:47:26Z

2

Try this in href

{{row.getProperty(\'age\')}}

edited Sep 9, 2013 at 14:47

answered Sep 9, 2013 at 14:41

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Whisher Over a year ago

It works like a charme :) thanks with just a little escape row.getProperty(\'age\')

Chandermani Over a year ago

Great, i fixed my answer too :)

Collectives™ on Stack Overflow

angular ui grid how to display html in the grid

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related