dart - AngularDart NgComponent 在 Controller 中使用事件监听器

Question

我有一个 NgComponent在 Angular Dart 中实例化一个搜索框并根据查询字符串在我的 html 模板中填充另一个 div 与 ng-repeat指示。

更确切地说，

查询字符串更新:在我的组件 Controller 中有一个字段绑定(bind)到输入文本值。

结果人群:在attach()方法我为本地字段添加了一个观察者，它充当输入框的模型，每当它发生变化时，我都会将一些项目添加到本地列表中，然后作为模型到 ng-repeat另一个 div 中的指令。

到目前为止一切正常。但是现在我想在我的组件中添加一些事件监听器，比如按键监听器，或者如果可能的话，在我的 html 模板中的特定元素上添加监听器。我已经将 CSS 用于悬停和焦点事件以及 ng-focus和 ng-blur方便的功能。但我不认为这可以用于击键监听器。

我想要击键监听器的原因是启用使用箭头键遍历结果。当光标在输入文本框内时，我想移动到第一个结果，它在另一个 div 中，按下向下箭头，然后继续到其他结果。

谢谢

Answer 1

好的，看来我终于找到了解决方案。

解决方案是执行 NgShadowRootAware与我的组件接口(interface)，然后在 void onShadowRoot(ShadowRoot shadowRoot) 内方法我可以完全访问在 shadow dom 模板中创建的 DOM。