dart - Darts Web_ui中是否存在模板创建事件？

Question

是否有类似于模板实例化的通知机制？

假定以下简单模板:

<template iterate="name in names"> 
  <div>{{name}}</div>
</template>

当名称很长时，名称 div的容器可能会溢出。因此，我想做的就是在将名称 div添加到DOM时获得一个事件，以便我查看一下生成的宽度。然后，我会缩短名称，直到合适为止。

Answer 1

注意:我假设您无法使用CSS实现您想要的。所以这是一个代码解决方案。

我不知道有任何事件或方法可以参与创建过程。

但是，我成功完成了以下工作:

import 'dart:async';

inserted() {
  Timer.run(() {
    // Do your calculations here...
  });
}

如果稍后设置 name变量，则可以选择使其可观察并在值更改后设置计时器:

observe(() => name), (_) {
  Timer.run(() {
    // Recalculate...
  });
});

并记住将其标记为 @observable并将侦听器设置为 created()。