我可以将 Dart Web UI 绑定添加到在代码中创建的 DOM 元素吗？

Question

在 Dart Web UI 包中，可以使用 {{}} 或 bind-value 语法创建绑定。当在代码中创建 DOM 元素时，这也可能吗？

类似

new Element.html('<div>Value: {{str}}</div>');

和

new Element.html('<input type="text" bind-value="str">');

将事件绑定到str，无需手动将字符串拼凑在一起？

---

注意：今天早些时候有人问过这个问题，但在回答之前被删除了，但我想知道答案，所以我重新发布。

Answer 1

快速回答，不。

绑定需要由 dwc 转换器处理，它将 Web 组件和 MDV 代码转换为“vanilla” Dart 和 HTML（适合编译为“vanilla” JavaScript）。

一般来说，你应该使用<template>标签来实例化新元素。

另一种方法是将这些文本位包装在自定义元素中，您可以使用 dwc 对其进行转换并手动实例化。