如何在 Dart 中保存文本输入框中的值并稍后加载?

2024-04-27

(来自邮件列表)

如何创建某种文本输入框,以允许我保存该文本并稍后在代码中使用它?我正在使用达特。


结合使用 InputElements 和 HTML5 本地存储。 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;
  });
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Dart 中保存文本输入框中的值并稍后加载? 的相关文章

随机推荐

  • 在 C++ 中传递参数到 boost odeint

    This https stackoverflow com questions 33856910 passing runtime parameters to odeint integrator 答案很有帮助 但我想知道如何将不同类型的多个参数
  • 无需实现可克隆接口即可克隆对象

    要克隆对象 我需要实现 可克隆 接口吗 因为这里我的类是一个 jar 文件 我的意思是 API 所以我无法编辑课程 我听说所有类都扩展了基对象类 并且该对象类实现了可克隆接口 这是否意味着我们可以直接克隆对象而不实现接口 如果是这样 在我的
  • 类型 RoleStore 不可分配给服务 IRoleStore

    我正在尝试使用 Autofac 为使用 MVC5 和 EF6 的项目设置依赖项注入 我很难弄清楚如何正确解耦 EntityFramework RoleStore 实现 我只想依赖 Identity IRoleStore 但我知道对于泛型类
  • 如何将 ListPlot 的图形与 Plot 的图形结合起来?

    有没有办法将图形组合起来ListPlot到一个图形Plot 我需要在 ListPlot 的图形上绘制函数的图形 您可以将任何图形与Show函数如下 Show myListPlot myPlot 这概括为一次组合任意数量的图 Show p1
  • 为什么不卸载类加载器就无法卸载类?

    答案是 卸载java中的类 https stackoverflow com questions 148681 unloading classes in java says 卸载类的唯一方法是使用的类加载器被垃圾收集 我看了一下JLS htt
  • 使用 bash 解析 ICS 文件

    这是一个谷歌日历 ics 文件 我每次都会下载它来检查是否有新的比赛事件被添加或更改 并且我出现在IRC上 我需要转换这样的文件 BEGIN VEVENT DTSTART 20160612T201000Z DTEND 20160612T21
  • pyparsing:示例 JSON 解析器对于字典列表失败

    All 我试图了解如何使用 pyparsing 处理字典列表 我已经回到了JSON 解析器示例 http pyparsing wikispaces com file view jsonParser py 30308858 jsonParse
  • Log4J 配置不显示 JBoss AS7 中的 Spring Transaction 和其他日志

    以下是我的 log4j properties log4j rootLogger ALL stdout log4j appender stdout org apache log4j ConsoleAppender log4j appender
  • Processmaker 中的 Jquery Ajaxing

    我正在使用一个名为 ProcessMaker 的网络应用程序 他们不支持 jquery 所以我必须自己弄清楚如何整合它 他们的论坛上有很多人试图完成它 所以幸运的是它现在已经被记录下来 如果有人愿意这样做 这里是我详细介绍了该过程的链接 我
  • 循环遍历 POST 数组

    我需要循环遍历 post 数组并提交它 stuff 1
  • 如何训练具有 2D 输出的网络? (蟒蛇,凯拉斯)

    我想训练一个回归网络 其输出是两个坐标 x1 y1 和 x2 y2 我的问题是 如果我想训练网络 我的输出应该分开吗 我的意思是我的输出应该是这样的 x1 y1 x2 y2 或者有没有办法将它们堆叠起来 例如 x1 y1 x2 y2 提前致
  • 明确的追溯 .gitignore (如何让 Git 完全/追溯地*忘记*现在在 .gitignore 中的文件)

    Preface This question attempts to clear the confusion regarding applying gitignore retroactively not just to the present
  • 使用局部函数和全局函数哪个更优化?

    我想知道使用 a 是否更优化局部功能 在下面的例子中 drawBitmap 只需要3个参数 and 无法内联因为该函数访问一些所有者过程变量 或者使用可以内联的全局函数 但它真的会内联吗 这需要5个参数 也不知道这是否重要 但是这段代码主要
  • C# 析构函数未按预期工作

    请参阅下面的代码 我希望它打印 10 之一 因为我已经显式调用了垃圾收集器 但我总是得到 0 或 20 作为输出 这是为什么 void Main Panda forest panda new Panda 10 for int i 0 i
  • 将数据导入mysql的最佳方法

    我有一个包含 500 000 行和大约 10 列的表 该表处于访问状态 我如何将其导入到mysql 这是关于该主题的文章 http www kitebird com articles access migrate html http www
  • C# 判断一个数是否为无穷大

    我有一个小问题 我有两个双精度变量 每个变量的值为 1 10 250 现在 如果我将这两个值相乘 我会得到一个结果 它也是一个双精度变量 问题是乘法的结果给了我无穷大的值 但我想防止这种情况并给出错误消息 因此 如果有人知道如何识别数字是否
  • SQL 中的双冒号 `::` 表示法

    我捡到了某人的代码 以下是其中的一部分WHERE条款 这里的双冒号表示什么 b date completed gt a dc date INTERVAL 1 DAY 7 20 00 它根据 RDBMS 的不同而有所不同 但如果我猜对的话 那
  • 删除 rmarkdown 文档中的部分

    我希望将章节标题放在页眉而不是页面正文中 fancyhead C 将节标题放在标题中 但如何抑制节的正文打印 title Untitled classoption landscape output pdf document number s
  • 如何从 UIView 中仅删除用户添加的子视图

    我试图删除添加到视图中的所有子视图 因此我实现了一个循环来使用以下内容迭代子视图 for subview in view subviews println subview subview removeFromSuperview 我通过向我的
  • 如何在 Dart 中保存文本输入框中的值并稍后加载?

    来自邮件列表 如何创建某种文本输入框 以允许我保存该文本并稍后在代码中使用它 我正在使用达特 结合使用 InputElements 和 HTML5 本地存储 Dart 中的 Storage 接口实现了 Map 因此您可以将键 值对存储为字符