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

Question

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

背景：我需要从两个 JS 库（其中一个是 JQuery 插件）中注册/注销某些 DOM 元素。由于我的模板使用循环和条件（以及数据绑定），因此元素可以随时来来去去，而且我不能只在初始渲染后注册它们。

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.
  }
}