dart - 在 Dart WebUI 中，如何在加载元素时调用方法

Question

在 Dart 中，我正在尝试类似：

<element name="x-facet-select" constructor="SelectOptions" extends="div">
<template>
  <div>
    <select bind-value="str" on-click="update()" on-load="init()" id="outputitems" multiple="multiple">

我无法在 SelectOptions 调用中运行 on-load（或 onload，或任何东西）方法。这只是一个简单的打印 Hello World 行，用于控制台作为测试。

Dart 的 WebUI 中是否有一种方法可以在元素的初始加载时调用方法？

Answer 1

如果要在用户更改下拉值后运行代码：

<select id="list" on-change="selectionChanged($event)">
  <option>one</option>
  <option>two</option>
  <option>three</option>
</select>

class SelectOptionsComponent extends WebComponent {
  selectionChanged(Event e) {
    print(__list.value);
  }
}

这就是全部。

更新：看起来您还想在组件准备好后运行一些代码，请尝试inserted()：

class SelectOptionsComponent extends WebComponent {
  selectionChanged(Event e) {
    print(__list.value);
  }

  inserted() {
    // populate __list here.
    (__list as OListElement).innerHtml = '<option>bar</option>'; // Just an example.
  }
}