JSON-bestanden inlezen

Crowl.js kan externe JSON-bestanden inlezen en ze renderen in een view/sjabloon.

Voorbeeldcode

<div id="krantenwinkel">                
</div>       
<script type="text/CrowlTemplate" id="gazet">           
    <%for(var index in this.content) {%>           
        <div class="CrowlCard CrowlShadow">
             <h3><%this.content[index].kop%></h3>
             <p><img src="<%this.content[index].foto%>"/></p>
        </div>
    <%}%>
</script>
<script>
         var myApp= new Crowl;
         myApp.ReadTemplates(function(){
             myApp.ReadJSON("json.js", function(data){
                 myApp.template("#gazet", {
                     content: data
                 }, "#krantenwinkel:append");
            });
         });
</script>

 Bekijk de demo

 Demo met paginering