Combine linkTo and action helpers in Ember.js

Question

I need to combine linkTo and action helpers in Ember.js. My code is:

{{#link-to \'index\'}}Clear{{/link-to}}
         


        

Answer 1

I like Cereal Killer's approach for its simplicity, but unfortunately it exhibits a problem for me. When the browser navigates to another route, it restarts the Ember application.

As of Ember 2.6, the following simple approach does the trick:

{{#link-to 'home' preventDefault=false}} Go Home {{/link-to}}

This achieves the following:

• navigates to route 'home'
• action 'closeNavigationMenu' is invoked
• on mouseover, browser displays link that will be followed (for SEO and better UX)
• browser navigation does not result in reboot of Ember app