循环中的（模态）组件

Question

我正在将modal component用于Ractive.js和一些自行编写的组件。

在我想在循环中使用它们之前，它们都像魅力一样工作：

{{# buildingTypes:index}}
    <button type="button" class="button full xs" on-click="@this.set('open_modal', true)">choose</button>

    {{#if index == 0}}
        <modal title="My first modal" basedon="{{open_modal}}">
            <p>Hello World!</p>
        </modal>
    {{/if}}
{{/buildingTypes}}

如果我将<modal>移出循环，则模态将再次起作用。 我现在的假设是，该组件在循环内部是未知的。

如何使组件在循环中工作？

Answer 1

好的，我现在可以正常工作了。

对于模态组件，我需要使用选项live：控制模态是动态呈现还是隐藏在DOM中。

对于我的自定义组件，我需要更新我的Ractive实例ractive.update('buildingTypes')。