AngularDart NgComponent 在控制器中使用事件监听器

Question

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

更准确地说，

查询字符串更新：在我的组件控制器中有一个字段绑定到输入文本值。

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

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

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

谢谢

Answer 1

好的，看来我终于找到解决办法了。

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