dart - Dart でテキスト入力ボックスから値を保存し、後で読み込むにはどうすればよいですか?

Question

（メーリングリストより）

そのテキストを保存して後でコードで使用できるようなテキスト入力ボックスを作成するにはどうすればよいですか? ダートを使用しています。

Answer 1

InputElements と HTML5 Local Storage を組み合わせて使用​​します。Dart の Storage インターフェイスは Map を実装しているため、キーと値のペアを文字列として保存できます。

HTML:

<p>
From local storage: <output id="username-output"></output>
</p>

<label for="username">Username:</label>
<input type="text" name="username" id="username">
<input type="submit" id="save" value="Save">

ダーツ:

import 'dart:html';

void main() {
  InputElement username = query('#username');
  InputElement submit = query('#save');
  Element output = query('#username-output');
  Storage localStorage = window.localStorage;

  String savedUsername = localStorage['username'];
  if (savedUsername != null) {
    output.text = savedUsername;
  }

  submit.onClick.listen((Event e) {
    output.text = username.value;
    localStorage['username'] = username.value;
  });
}