[Dart] web_ui : bind色々

下記の変数を設定した時のサンプル

@observable
String  data

テキスト入力・・・type="text"

<input type="text" bind-value="data">

チェックボックス・・・type="checkbox"

<input type="checkbox" bind-checked="isChecked">
※isCheckedはboolの変数。もちろん@observableが必要。

select

<select bind-value="data">
  <option value="one" selected="{{ data=='one' }}">その１</option>
  <option value="two" selected="{{ data=='two' }}">その２</option>
</select>

なにかと面倒なselect。bind-valueでOKだが、各選択肢のselectedを工夫する必要あり。ちなみにこれは同時にひとつしか選択できない場合のみ有効。