Find element with class name angularjs and add class to element

Question

So I have this HTML in my code

<button ng-click="goBackDashboard()" class="button back-button buttons  button-clear header-item"><i class="icon ion-ios-arrow-back"></i> 
  <span class="back-text" style="transform: translate3d(0px, 0px, 0px);">
    <span class="default-title hide">Back</span>
    <span class="previous-title">Dashboard</span>
  </span>
</button>

In my angular js controller, I want to be able to find the element with class name "previous-title" and add class "hide" to this element.

I have tried a lot of options, but it doesn't work.

var result = document;
console.log(result.getElementsByClassName('previous-title'))

Ol' Reliable · Accepted Answer · 2015-09-05 15:43:59Z

1

Try using jquery:

$('.previous-title').addClass('hide');

answered Sep 5, 2015 at 15:43

Ol' Reliable

5702 gold badges8 silver badges19 bronze badges

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

1 Comment

manpreet Over a year ago

angular.element(document.getElementsByClassName("previous-title")).addClass('hide') if you want to do without jquery

Tevin Joseph K O · Accepted Answer · 2015-09-05 14:23:59Z

0

You can use ng-hide

    <span ng-hide="your_condition" class="previous-title">Dashboard</span>

If your condition evaluates to true, the span will be hidden. For example, you can set a variable(say myValue) in your controller based on some condition and use it in your span.

Eg:

    <span ng-hide="myValue" class="previous-title">Dashboard</span>

The ngHide directive shows or hides the given HTML element based on the expression provided to the ngHide attribute. The element is shown or hidden by removing or adding the ng-hide CSS class onto the element.

Read more: https://docs.angularjs.org/api/ng/directive/ngHide

answered Sep 5, 2015 at 14:23

Tevin Joseph K O

2,65424 silver badges25 bronze badges

1 Comment

manpreet Over a year ago

Seems valid but only if the 'hide' class @Kingsley adding set display to none. Otherwise ng-hide will not be useful in this case

Tevin Joseph K O · Accepted Answer · 2015-09-05 14:51:47Z

0

You may take a look at the documentation for ngif https://docs.angularjs.org/api/ng/directive/ngIf and use it in your

    <span>

element

edited Sep 5, 2015 at 14:51

Tevin Joseph K O

2,65424 silver badges25 bronze badges

answered Sep 5, 2015 at 14:02

Franxoois

3432 silver badges4 bronze badges

Collectives™ on Stack Overflow

Find element with class name angularjs and add class to element

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related