聚焦模板内的输入文本 - 如果在Polymer Dart中

Question

我们假设我有像以下那样的聚合物自定义控件：

<template if="{{editMode}}">
 <input id="myInput" type="text">
</template>

<div on-doubleclick="{{setEditModeToTrue}}">
  some stuff here
</div>

现在，每当editMode为true时，我希望 #myInput 成为文本焦点。问题是在 setEditModeToTrue 处理程序#myInput还没有在DOM树中，所以我不能将它集中在：

root.QuerySelector('#myInput').focus();

（是的，我尝试在输入中设置 自动对焦 属性，但它仅适用于第一次双击）

是否有任何事件或其他让我知道该模板的内容 - 如果内容在DOM树中？

Answer 1

您可以包装或扩展input元素，并将代码放在attached或ready生命周期方法中，或使用MutationObserver。