dart - 如何创建带有 polymer Dart 的自定义ul元素,当添加 child 时,该元素会触发添加事件和删除事件?

标签 dart polymer dart-polymer

我一直在做一个简单的待办事项 list ,作为学习聚合物 Dart 的一种方式。
Here is my todo example
一般而言,我在网络编程方面的经验有限。我的想法是用

  • 一个文本输入
  • 2自定义ul元素(新任务ul和完成任务ul)
  • 在文本输入中输入字符串,然后按Enter键将创建一个li项,该项将添加到New任务中。
  • 从"new"任务中删除元素会导致将元素添加到“完成”任务中。
  • 现在,我知道创建一个单独的模型并跟踪与html分开的可观察列表中的更改可能是更好的方法。但是,作为学习练习,我想创建一个自定义ul,当分别添加和删除li项目时,将触发一个on添加和on-removed事件。

  • 现在我有几个问题。
  • 为什么ul(html)中没有添加或删除事件?我想了解其背后的合理性。
  • 如何创建一个自定义的UListElement,当分别添加li项目或从li项目中删除时,该事件触发添加事件和移除事件?
  • 最佳答案

  • 因为通常您不需要它。在编写时,您更改了模型,并让Polymer更新 View 。
  • 您可以通过覆盖attached / detached方法并触发事件来轻松实现自己。
    有关如何在Polymer.dart中触发自定义事件的信息,请参见https://stackoverflow.com/a/22424213/217408
  • 关于dart - 如何创建带有 polymer Dart 的自定义ul元素,当添加 child 时,该元素会触发添加事件和删除事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26650016/

    相关文章:

    dart - 用换行符绑定(bind)文本

    dart - 更改核心工具提示的默认背景颜色

    dart - 将另一个框架与 polymer dart 1.0 集成

    json - 使用 JSON 序列化/反序列化 Dart 的新枚举的最佳方法是什么?

    firebase - 在Flutter中从Firebase FireCloud接收数据时,不会执行StreamBuilder中的快照代码

    javascript - AngularJS + IE 11 + Polymer = ng-model 不更新

    javascript - 纸质对话是否有 "onOpen"事件?

    flutter - Dart 私有(private)字段和 vscode 调试器

    dart - 使用 Flutter/dart 的 NTLM 身份验证

    user-interface - 什么是最好的 Material Design UI 框架