Ractive Bug set "data" on not isolated component
by Christian Meixner
HTML
<script src="//unpkg.com/[email protected]"></script>
<div id="demo"></div>
<script id="tmpl" type="text/template">
<div class="box">
<myComp />
</div>
</script>
CSS
body {font-family:helvetica; font-size:12px}
div.box { width:100px; height: 100px; color:#fff; background:#c00; margin-top:10px; text-shadow:1px 1px #000;}
JavaScript
Ractive.WELCOME_MESSAGE = false;
console.log(Ractive.VERSION);
var myComp = Ractive.extend({
template: '<div>MyComponent</div>',
isolated: false,
oninit: function () {
this.set({
a:'a',
data: {
b:'b',
c:'c',
}
});
console.log('Result', this.get());
}
});
var app = new Ractive({
el: '#demo',
template: '#tmpl',
components: {
myComp: myComp
},
data: {
val: 'Hello'
}
});