javascript - 在 Ember.js 中结合 linkTo 和 Action 助手

Question

我需要在 Ember.js 中组合 linkTo 和 action helpers。我的代码是:

{{#link-to 'index'}}<span {{action 'clear'}}>Clear</span>{{/link-to}}

但我想把它做成这样:

{{#link-to 'index' {{action 'clear'}} }}Clear{{/link-to}}

还有:

<li>
    {{#link-to 'support'}}
        <span {{action 'myAction' 'support'}}>Support</span>
    {{/link-to}}
</li>

收件人:

<li>
    {{#link-to 'support' {{action 'myAction' 'support'}} }}Support{{/link-to}}
</li>

我怎样才能做到这一点？

解决方案

Check my answer for Ember 2.0 compatible, OK for SEO solution.

Answer 1

Ember Link Action 插件

这对于 SEO 解决方案来说OK!

安装插件

ember install ember-link-action

用法

您可以将闭包操作作为 invokeAction 参数传递给 {{link-to}} 组件:

{{#link-to 'other-route' invokeAction=(action 'testAction')}}
  Link to another route
{{/link-to}}

要将参数传递给操作，您可以使用:

{{#link-to 'other-route' invokeAction=(action 'testAction' param1 param2)}}
  Link to another route
{{/link-to}}

兼容性

自动化测试套件确认该插件适用于 1.13 到最新的 Ember 3 版本。

它适用于 Ember 的发行版、测试版和金丝雀版。

Addon GitHub repository.欢迎投稿。