Adds binding support to riotjs Tags
$ npm install bind-tag
Automatically calls tag.update
when dataObject is modified (recursively)
<my-tag>
<script>
var tag = this
require('bind-tag')(tag)
var dataObject = {
property: {
value: 42
}
}
tag.bind('myState', dataObject)
setInterval(function () {
tag.myState.property.value += 1
}, 1000)
</script>
<div>{myState.property.value}</div>
</my-tag>
Automatically synchronizes dom elements' .value
with dataObject
<my-tag>
<script>
var tag = this
require('bind-tag')(tag)
var dataObject = {
property: {
value: "42"
}
}
tag.bind('myState', dataObject)
tag.resetValue = function (e) {
tag.myState.property.value = "42"
}
tag.printValue = function (e) {
console.log(tag.myState.property.value)
}
</script>
<input tag-value={bindProp('myState.property.value')} />
<button onclick={resetValue}>reset value</button>
<button onclick={printValue}>print vlaue</button>
</my-tag>
propertyName
- Stringobj
- Objectdeep
- Boolean defaulttrue
, recursively bind toobj
?update
- Boolean defaulttrue
, calltag.update()
whentag.propertyName
changes
Automatically binds value provided in tag.opts[optName]
propertyName
- StringoptName
- Stringonbind
- Functiondeep
- Boolean defaulttrue
, recursively bind toobj
?
modelPath
- String