Wie fügt man mehrere ractive Objekte auf einer Seite hinzu?

Question

Ich bin neu inaktive JS. Ich möchte wissen, wie mehrere ractive Objekte für individuelle Vorlage erstellen?

Dank im Voraus Samir Kahar

Answer 1

klingt wie Sie wollen eine component verwenden. Siehe auch das extending Ractive Tutorial.

Answer 2

Sie erstellen nur mehrere aktive Instanzen. Hier ist die einfachste mögliche raktische Vorlage, die zweimal auf derselben Seite mit verschiedenen Daten verwendet wurde:

<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>