Riot.jsにinput,textareaなどに対するデータバインディングはありますか？

Question

公式のデモをみると、inputのonkeyupイベントをlistenして手動(?)でtextプロパティを更新しています。
データバインディング機能は無いのですか？

Answer 1

一応こんな感じでデータバインディングっぽいことはできますよ.

<input type='text' name='t' oninput='{update}' />
text: {t.value}

Riot.js では, input に限らず name プロパティに key 名を指定することで, その key 名で要素を参照することができます.

実行できるデモを作ったのでよかったら参考にしてください.
http://runstant.com/phi/projects/fc4eda61

Comments

[syuilo]

なるほど！ありがとうございます。

Answer 2

自作でないのを使うのは難しいですが、
onkeyup を使う必要はありません。

<!--- Inputの場合 -->
<input type="text" onInput="textload()" id="input"/>
<!--- Bind先 -->
<div id="bindend"></div>

あとは、textload()関数に、
変更時の処理(バインド/コピーの処理)を書けばいいだけです。

function textload(){
var elem = document.getElementById("input");//コピー元のID
var elem2 = document.getElementById("bindend");//コピー先のID
elem2.innerHTML = elem.innerHTML;
}