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

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中制作模态框组件？

How to make a component for modal box in emberjs?

ember.js

ember-components