Hide UI-Grid template based on condition in angular js 1

Question

If field key i have Boolean value always. What I want is if the value is true show the cell template otherwise hide it.

columnDefs: [{
            displayName: 'Advanced',
            field: 'advanced',
            enableSorting: true,
            enableFiltering: true,
            enableColumnResizing: false,
            cellTemplate: 'scripts/components/profiles/tm/programs/datagrid/advancedCellTemplate.html',
            maxWidth: 108,
            filter: {
                type: uiGridConstants.filter.SELECT,
                selectOptions: controller.programsPackage
            }
        }]

Nikolay Osaulenko · Accepted Answer · 2016-12-23 11:32:20Z

1

You can use angular.extend or Object.assign like this

const fields = [angular.extend({}, {
   displayName: 'Advanced',
   field: 'advanced',
   enableSorting: true,
   enableFiltering: true,
   enableColumnResizing: false,
   maxWidth: 108,
   filter: {
      type: uiGridConstants.filter.SELECT,
     selectOptions: controller.programsPackage
   }
 }, field ? {
     cellTemplate:  'scripts/components/profiles/tm/programs/datagrid/advancedCellTemplate.html'
} : null)]

answered Dec 23, 2016 at 11:32

Nikolay Osaulenko

1,4821 gold badge12 silver badges21 bronze badges

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

1 Comment

Ahmer Khan Over a year ago

your solution and my solution both are working perfectly. thanks, cheers.

Ahmer Khan · Accepted Answer · 2016-12-23 11:28:52Z

0

I find out the solution very simple, i just need to add the condition to the cell template based on field advanced value

'<div ng-if="row.entity.advanced">'

answered Dec 23, 2016 at 11:28

Ahmer Khan

7771 gold badge10 silver badges31 bronze badges

Collectives™ on Stack Overflow

Hide UI-Grid template based on condition in angular js 1

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related