AngularJS : How to not render an attribute if value is undefined

Question

I have a template used in a directive, looking like :

<tr>
    <th ng-repeat="col in tableSpec" st-sort="{{col.sortField}}"></th>
</tr>

The attribute st-sort should not be render (no attribute at all) when the col.sortField doesn't exists.

I've read about the 'allOrNothing' option in the $interpolate witch does what I want but I don't if it is possible to specify this option when using the {{ }} notation.

I've read also about the ngAttr and I try to use this notation ng-attr-st_sort="{{col.sortField}}" but without success anymore.

Any healp would be greatly appreciated.

Jean-Marc

what happened when col.sortField is undefined? rendered what? the directive has any template? — Mehmet Otkun
– Mehmet Otkun, Commented Jan 6, 2015 at 7:33
Thank's for your answers. I try with st-sort="{{undefined}}" and I got st-sort in return. I try also with ng-attr-st_sort and the result is the same : in result I've got the empty attribute st-sort. The directive st-sort is not mine (it is provided by the Smart Table plugin) — jmcollin92
– jmcollin92, Commented Jan 6, 2015 at 18:46

Mehmet Otkun · Accepted Answer · 2015-01-06 07:41:02Z

0

As I understand, your directive stSort has a template. You can add ngHide directive to you template root element, and $observer condition if col.sortField exists or not?

.directive('stSort', [function () {
    return {
        restrict: 'EA',
        template: '<div ng-hide="$notRender"></div>',
        link: function(scope, element, attrs) {
            attrs.$observe('stSort', function(newVal, OldVal){
                 if(!newVal)
                     scope.$notRender = true
                 else
                    scope.$notRender = false;

                 //do your staff

            })
        }
    };
}])

answered Jan 6, 2015 at 7:41

Mehmet Otkun

1,3949 silver badges24 bronze badges

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

3 Comments

jmcollin92 Over a year ago

Thank's for your answer but the directive st-sort is not mine (but part of the Smart Table plugin).

Mehmet Otkun Over a year ago

Copy the stSort directive from smart table code, and rewrite it. It is not bad idea.

jmcollin92 Over a year ago

yes this is a true idea. THe bad thing is evolutivity but I will consider this solution

Collectives™ on Stack Overflow

AngularJS : How to not render an attribute if value is undefined

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related