@cocreate/render
Version:
A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.
58 lines (51 loc) • 1.6 kB
HTML
<html lang="en">
<head>
<title>Render | CoCreateJS</title>
<!-- CoCreate Favicon -->
<link
rel="icon"
type="image/png"
sizes="32x32"
href="../assets/favicon.ico" />
<link rel="manifest" href="/manifest.webmanifest" />
</head>
<style>
.template {
display: none;
}
</style>
<body>
<div template>
<!-- <div>{{data}}</div>
<h1> {{object.array}} {{object._id}}</h1> -->
<div class="template" render="" render-as="one">
<h5>{{one.key}}: {{one.value}}</h5>
</div>
<div
class="template"
render="data[0].current_org"
render-as="current_org"
value="{{current_org}}">
<h3>{{current_org}}</h3>
</div>
</div>
<pre>
<h1>Paste in your browser console</h1>
/** Example **/
CoCreate.render.data({
selector: '[template=abc1]',
data: {
array : 'dededede',
data: [{
array : 'dededede',
_id : '123kijfhgfkel45',
current_org: ['test1', 'test2', 'test31', 'test3']
}]
}
})
</pre>
<!-- CoCreate JS CDN -->
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
</body>
</html>