ng2: uiSrefActive error about angular

[christopherthielen]

From @kolkov on September 8, 2016 12:17

Oh-ah! It's because state changes when I click to the dropdown button... But how can I highlight active state element parent without changing state at click?

[christopherthielen]

From @kolkov on September 8, 2016 13:14

UISrefActiveEq - and what about this?
link to doc

[claudiuconstantin]

'link to doc' is dead now :(

[christopherthielen]

@claudiuconstantin

https://ui-router.github.io/ng2/docs/latest/modules/directives.html
https://ui-router.github.io/ng2/docs/latest/classes/directives.uisrefactive.html

[kolkov]

Now this worked for me.

<li class="nav-item dropdown" uiSrefActive="active" ngbDropdown>
          <a class="nav-link dropdown-toggle" style="cursor: pointer;" role="button" id="dropdownBasic1" ngbDropdownToggle>{{'NAVBAR.SETTINGS' | translate}}</a>
          <div ngbDropdownMenu class="dropdown-menu" aria-labelledby="dropdownSettings">
            <a class="dropdown-item" uiSrefActive="active" uiSref="devices">Equipment</a>           
          </div>
</li>

[christopherthielen]

working now? nice.