我可以将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进行转换并手动实例化。