如果 Ember 链接不匹配

Question

我一辈子都想不通为什么这不起作用

{{#if params.link}}
    {{#link-to params.link}}
        {{fa-icon icon=params.icon}}
        {{#if params.label.left}}<span class="label label-left">{{params.label.left}}</span><i class="triangle triangle-right"></i>{{/if}}
        {{#if params.text}}<span class="text">{{params.text}}</span>{{/if}}
        {{#if params.label.right}}<i class="triangle triangle-left"></i><span class="label label-right">{{params.label.right}}</span>{{/if}}{{/if}}
    {{/link-to}}
{{else}}
    <button {{action params.action}}>
        {{fa-icon icon=params.icon}}
        {{#if params.label.left}}<span class="label label-left">{{params.label.left}}</span><i class="triangle triangle-right"></i>{{/if}}
        {{#if params.text}}<span class="text">{{params.text}}</span>{{/if}}
        {{#if params.label.right}}<i class="triangle triangle-left"></i><span class="label label-right">{{params.label.right}}</span>{{/if}}{{/if}}
    </button>
{{/if}}

使用 ember 2.2.0、ember-data 2.2.0 和 ember-cli 1.13.13

如果有人可以帮我解决这个问题，那就太好了！代码重复也困扰着我，关于如何清理它的想法？ （也许不是做一个组件？）

Answer 1

在行尾有一个双 {{/if}}，其中包含 {{params.label.right}}。这可能是问题所在。

您可以将那段代码提取到一个组件中，这样可以消除代码重复。