Polymer 2.0中的内部链接

Question

在Polymer 2.0中实现内部链接的正确方法是什么（在同一页面内链接）？我似乎无法访问隐藏在ShadowDoms中的组件，因此使用<a href="#my_section">link to top</a>和<a name="my_section"></a>以及<a id="my_section"></a>的传统方式无效。

我也试过这里的解决方案无济于事：

• How to query elements within shadow DOM from outside in Dart?
• Is it possible to access Shadow DOM elements through the parent document?
• Using querySelector to find nested elements inside a Polymer template returns null

我尝试过的以下代码都返回null，即使我向我的组件添加了一个id：

document.querySelector('#my_section'); //null
this.$.my_section; //null
this.root.querySelector('#my_section'); //null
this.shadowRoot.querySelector('#my_section'); //null 

也许有一种方法可以使用<app-route>完成此操作？

我对Polymer很新，所以任何建议都会受到赞赏。提前谢谢。

Answer 1

请分享您想要访问和制作哪些元素的更详细代码。在这个文件

https://www.polymer-project.org/2.0/docs/devguide/dom-template

不久之后Static node map头部下方的

显示：

  

这个。$ hash是在初始化shadow DOM时创建的。在里面   准备好回调，你必须在访问它之前调用super.ready（）。$。