Bootstrap, active links and LIs


Don’t forget that using links with different tagName property means you break browser features (open in new tab, copy url etc).

ember-cli-active-link-wrapper is unfortunately probably the simplest solution at the moment even though it’s a horrible hack. In the future, there will be simple helpers to make this trivial natively.


You’re totally right. I updated my above snippet with a hrefForA. Basically using the same code as we have in LinkComponent. I use this inside the <a href="{{hrefForA}}"></a>, so browser features will work. Thanks for your help.