replace an element depending on it's class (Angular)

Question

I am making a date picker.

<a ng-click="navbarlinksCtrl.clickedfr()" ng-class="{'active': navbarlinksCtrl.checkLanguageFr()}">FR </a>
<a ng-click="navbarlinksCtrl.clickeden()" ng-class="{'active': navbarlinksCtrl.checkLanguageEn()}">EN</a>

Here, the <a> takes the active class if this is the current language, and I would like to change the active element into a <span>.

I tried some ways, but anything worked ($window.element, replaceWith, GetElementsByClassName, but doesn't works :/)

score 0 · Answer 1 · answered Oct 27 '16 at 13:51

Try something like this:

<span ng-if="navbarlinksCtrl.checkLanguageFr()" ng-class="{'active': navbarlinksCtrl.checkLanguageFr()}">FR</span>
<span ng-if="navbarlinksCtrl.checkLanguageEn()" ng-class="{'active': navbarlinksCtrl.checkLanguageEn()}">EN</span>
<a ng-if="!navbarlinksCtrl.checkLanguageFr()" ng-click="navbarlinksCtrl.clickedfr()" ng-class="{'active': navbarlinksCtrl.checkLanguageFr()}">FR</a>
<a ng-if="!navbarlinksCtrl.checkLanguageEn()" ng-click="navbarlinksCtrl.clickeden()" ng-class="{'active': navbarlinksCtrl.checkLanguageEn()}">EN</a>

replace an element depending on it's class (Angular)

1 Answers1