在 Polymer Dart 中的 template-if 中聚焦输入文本

Question

假设我有 Polymer 自定义控件，例如：

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

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

现在我希望 #myInput 在每次 editMode 为真时成为文本焦点。问题是在 setEditModeToTrue 处理程序中，#myInput 尚未在 DOM 树中，所以我无法通过以下方式聚焦它：

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

（是的，我尝试在输入上设置 autofocus 属性，但它仅适用于第一次双击）

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

Answer 1

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