如何处理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.
  }
}