如何在EmberJs中呈现条件操作？

Question

如何根据条件渲染动作？

<a href="#" {{if item.active action 'myAction'}}>{{item.label}}</a>

Answer 1

我从未尝试过，但我想这可行：

<a href="#" {{action (if item.active 'ifAction' 'elseAction')}}>{{item.label}}</a>

如果这不起作用，也许你必须将整个元素包装成if-else子句：

{{#if item.active}}
 <a href="#" {{action 'ifAction'}}>{{item.label}}</a>
{{else}}
 <a href="#" {{action 'elseAction'}}>{{item.label}}</a>
{{/if}}

Answer 2

实际上你应该转向关闭行动。然后记住，if / else可以返回任何内容，甚至是函数等等：

<a onclick={{if active (action 'ifaction') (action 'elseaction')}}>click</a>