dart - 如何通过 Dart Web UI 模板处理从 DOM 添加或删除的元素

Question

在(最新的)Dart Web UI 中，当通过模板从 DOM 添加或删除元素时，处理元素的最佳方式是什么？理想情况下，我想在模板中注册回调，但这不是必需的。

背景:我需要从两个 JS 库(其中一个是 JQuery 插件)注册/取消注册某些 DOM 元素。由于我的模板使用循环和条件(以及数据绑定(bind))，元素可以随时出现和消失，我不能在初始渲染后注册它们。

Answer 1

可以向组件的类添加回调，这些回调会在组件创建、插入到 DOM 或从 DOM 中移除时触发。

Web UI Specification: Lifecycle Methods

class MyComponent extends WebComponent {

  inserted() {
    // Do stuff when inserted into DOM.
  }

  removed() {
    // Do stuff when removed from DOM.
  }
}