如何在一个页面上添加多个ractive对象？

Question

我是Ractive JS的新手。我想知道如何为单个模板创建多个ractive对象？

先谢谢 萨米尔卡哈尔

Answer 1

听起来你想要使用component。另请参阅extending Ractive教程。

Answer 2

您只需创建多个Ractive实例。这里是关于在同一页面上使用两次不同数据的最简单的ractive模板：

<div id="div1"></div>
<div id="div2"></div>

<script type="text/ractive" id="sampleTemplate">
    Hello, {{name}}.
</script>

<script>
    var ractive1 = new Ractive({
        el: '#div1',
        template: '#sampleTemplate',
        data: { name: 'World' }
    });
    var ractive2 = new Ractive({
        el: '#div2',
        template: '#sampleTemplate',
        data: { name: 'World 2' }
    });
</script>