/ PLAYGROUND

Models demo (checkbox) This session demonstrates model bindings for boolean-based form fields i.e. checkboxes and radios, as explained in the docs.

Code

Components [?] Routes [?] Methods [?] Data [?]
<!-- COMPONENT MASTER -->
<div>
    <input type=checkbox data-lmodel=checked>
    <button onclick=uncheck>Uncheck</button>
    <p>Value of <code>checked</code> property is: {{checked}}</p>
</div>
<script>
this.data.checked = 'foo';
this.events.uncheck = () => this.data.checked = 0;
</script>
//JS object of route data (optional)
{}
//JS object of filter methods (optional)
{}
//JS object of start data for master component
{}
Page help