Question

我想创建一个生成任意数量按钮的组件。现在，问题是如何将关于按钮的数据从模板传递到组件，以便在单击相应按钮时调用指定的操作。

Answer 1

您可以将按钮作为数组传递。这是一个如何渲染它们的示例。在组件的模板中：

{{#each buttons as |button|}}
    <button type="button"
            class="{{button.className}} button"
                onclick={{action button.action}}>
       {{button.text}}
    </button>
{{/each}}

然后，在模板中您想要使用组件的地方：

{{your-component buttons=(array (className='green' text='Save' action=(action (mut variable) 'value')))}}

array助手是ember-composable-helper

的一部分

如何在emberjs中为模态框制作组件？

1 个答案: