Link-to helper doesn't like class conditions

I am trying to use class conditions with a link-to helper, but fails on compilation.

link-to view.linkName lnid urlSlug itemprop="url" class={view.isSelected:selected view.icon} doesnt work.

link-to view.linkName lnid urlSlug itemprop="url" class=view.isSelected:selected doesnt work either.

a href="#" class={view.isSelected:selected view.icon} works fine.

[thec0keman]

Inside mustache you need to use Ember’s inline if:

= link-to linkName lnid urlSlug itemprop="url" class=(if isSelected selected)
=>
{{link-to linkName lnid urlSlug itemprop="url" class=(if isSelected selected)}}

Some things to keep in mind:

• { } are for wrapping things in mustache. In a link-to you are already in a mustache context, so these won’t work.
• Binding things to class or classNames is very different than classNameBindings. The inline approach should still work for the latter.
• with the latest versions of Emblem, colon syntax gets mapped to the inline if for html tags but not mustache:

a class=isActive:active:not   =>   <a class={{if isActive 'active' 'not'}}></a>

I’m pretty sure the old colon syntax of isActive:active:inactive is not supported anymore by Ember.

[thec0keman]

Actually, that latter case is expected. Components / helpers should be able to receive single arguments, and so without a | or a new-line there is no way to know when the helpers parameters end.

@Leooo @kandebonfim could you confirm if the above examples work for you? Or is there a variation that is not working?

Thanks!