Events 聚合物是否具有';组件出现';组件的事件?

Events 聚合物是否具有';组件出现';组件的事件?,events,polymer,components,polymer-1.0,Events,Polymer,Components,Polymer 1.0,当显示组件时,我想把焦点放在标签上,我想知道聚合物是否有内置的东西,如果没有,我想知道其他人是怎么做的。谢谢。您需要使用,一旦您的组件加载并连接到dom,它就会被调用 下面是一些您需要执行()操作的示例代码: 但我不是 聚合物({ 是‘x-测试’, 附:函数(){ 这是$.tofocus.focus(); } }); 聚合物中没有出现成分的概念。可以说,DOM中标记的每个元素都“出现” 您似乎希望通过组件显示“页面”。包装在中的每个页面都已被压印到DOM中-每个页面的可见性都由控制器元素通过C

当显示组件时,我想把焦点放在标签上,我想知道聚合物是否有内置的东西,如果没有,我想知道其他人是怎么做的。谢谢。

您需要使用,一旦您的组件加载并连接到dom,它就会被调用

下面是一些您需要执行()操作的示例代码:


但我不是
聚合物({
是‘x-测试’,
附:函数(){
这是$.tofocus.focus();
}
});

聚合物中没有出现
成分的概念。可以说,DOM中标记的每个元素都“出现”

您似乎希望通过
组件显示“页面”。包装在
中的每个页面都已被压印到DOM中-每个页面的可见性都由控制器元素通过CSS
display:block
/
display:none
处理

如果你想在页面显示时做一些事情,你必须手动将其连接起来

<neon-animated-pages selected="{{selected}}" on-neon-animation-finish="_focus">

  <neon-animatable class="red" entry-animation="fade-in-animation" exit-animation="fade-out-animation">
    <h1>Page 1</h1>
    <a id="label0" href="#">Focus me</a>
  </neon-animatable>

  <neon-animatable class="green" entry-animation="fade-in-animation" exit-animation="fade-out-animation">
    <h1>Page 2</h1>
    <a id="label1" href="#">Focus me</a>
  </neon-animatable>

</neon-animated-pages>

Jsbin:

您是在组件代码中还是在组件代码外执行此操作?在组件代码内部。。。我也在使用霓虹动画页面。。。它在neon Animatable中,所以,一旦整个组件加载并附加到主文档,您想将焦点设置为组件内的标签吗?是的,这就是我所需要的这基本上是我正在寻找的方法。。。然而,这并不能解决我的问题。我正在使用霓虹灯动画页面组件,在它里面我想把重点放在某些标签上,因为不同的页面显示。。。使用此附加事件,所有附加事件都会在加载时触发。有什么办法解决这个问题吗?那么你很可能需要听听
neon animation finish
事件
<neon-animated-pages selected="{{selected}}" on-neon-animation-finish="_focus">

  <neon-animatable class="red" entry-animation="fade-in-animation" exit-animation="fade-out-animation">
    <h1>Page 1</h1>
    <a id="label0" href="#">Focus me</a>
  </neon-animatable>

  <neon-animatable class="green" entry-animation="fade-in-animation" exit-animation="fade-out-animation">
    <h1>Page 2</h1>
    <a id="label1" href="#">Focus me</a>
  </neon-animatable>

</neon-animated-pages>
  _focus: function () {
    this.$['label'+this.selected].focus();
  }