한 페이지에 여러 개의 ractive 개체를 추가하는 방법은 무엇입니까?

Question

Ractive JS를 처음 사용했습니다. 개별 템플릿에 여러 개의 객체를 만드는 방법을 알고 싶습니다. 사미르 Kahar이

Answer 1

당신처럼 소리 사전 에서

감사는 component를 사용하고 싶습니다. extending Ractive 자습서도 참조하십시오.

Answer 2

여러 개의 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>