Как обрабатывать элементы, добавленные или удаленные из DOM по шаблону Dart Web UI

Question

В (последнем) интерфейсе Dart Web UI, что лучший способ обработать элемент, когда он добавлен или удален из DOM с помощью шаблона? В идеале я хотел бы зарегистрировать обратный вызов в шаблоне, но это не является обязательным требованием.

Справочная информация. Мне нужно зарегистрировать/отменить регистрацию некоторых элементов DOM из двух JS-библиотек (одним из которых является JQuery-плагин). Поскольку в моем шаблоне используются циклы и условные обозначения (и привязка данных), элементы могут входить и уходить в любое время, и я не могу просто зарегистрировать их после первоначального рендеринга.

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