Angular ng-if element has class

Question

I have a directive that i only want active should an element have a certain class. for this i have attempted the following:

<feedback-analytics ng-if="$('#analyticTab').hasClass('active')"></feedback-analytics>

However when the class of the element changes the element is not displayed.

Has anyone done something similar and made it work?

If you want to show/hide your element, you should use "ng-show" or "ng-hide" instead, see: stackoverflow.com/questions/21869283/… — Aliz
– Aliz, Commented Mar 18, 2016 at 12:25
@Aliz i need the directive to be rendered completely from new thats why i use ng-if - its a hack for a bug in the Chartjs lib — Marc Rasmussen
– Marc Rasmussen, Commented Mar 18, 2016 at 12:26
You could fire an event when the class appear on your element "analyticTab" (with a directive and $watch), and in the controller of your "feedback-analytics" if you catch the event you re-render your directive — Aliz
– Aliz, Commented Mar 18, 2016 at 12:34
Why isn't jQuery tagged or mentioned in the title of the question? This is not purely an Angular question. — Ian Steffy
– Ian Steffy, Commented Nov 28, 2017 at 10:03

dpaul1994 · Accepted Answer · 2016-03-18 12:41:34Z

3

Try something else:

In controller add a scope.$watch that watches over: $('#analyticTab').hasClass('active'). Anytime when the value is changed, it will call this watch.

Then create a scope variable of boolean type that will be false or true, depends on above condition.

In view change your code to this: <feedback-analytics ng-show="yourBooleanVariable"></feedback-analytics>

answered Mar 18, 2016 at 12:41

dpaul1994

3203 silver badges16 bronze badges

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

2 Comments

Marc Rasmussen Over a year ago

This would work 100% but im not using controllers and $scope as they will partly disappear in Angular 2 and using them is no longer best pratice :s

dpaul1994 Over a year ago

I see. Well I will think about something and if I can find something I will tell you :)

Collectives™ on Stack Overflow

Angular ng-if element has class

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