Javascript 聚合物&x27；细节。项目'；韩元'；t返回正确的对象

看在上帝的份上，我无法让精选（或动画页面）发挥作用。我试着按照教程进行操作，但是他们没有提到如何实际执行从一个页面到另一个页面的转换（或者有些事情我完全不理解），我的猜测是我应该只需要设置

核心动画页面的
选中的
值，但这也不起作用

首先，
detail.item
对象似乎没有包含正确的内容。我可能做错了什么小事。当尝试从核心选择上的
事件访问“detail.item.selectedIndex”时，我只得到
未定义的
。如果我使用以下id访问属性：
this.$.selector.selectedIndex

同时，执行以下操作似乎没有任何作用：

var pages = this.$.pages;
pages.selected = selectedIndex;

请参阅下面的代码以了解我正在尝试执行的操作：

<!-- 2. Load the component using an HTML Import -->
... Imports here ...

<polymer-element name='index-app'>
  <template>
    <core-scaffold>
      <core-header-panel navigation flex mode="seamed">
        <core-toolbar>Application</core-toolbar>
        <core-menu theme="core-light-theme" >
          <core-selector on-core-select="{{selectAction}}" id="selector">
            <core-item icon="settings" label="item1"></core-item>
            <core-item icon="settings" label="item2"></core-item>
          </core-selector>
        </core-menu>
      </core-header-panel>
      <div tool>{{item.label}}</div>
      <div class="content">
        <core-animated-pages transitions="cross-fade-all" id="pages" selected="{{selected}}">
          <section id="page1" hidden?="{{selected!=0}}">
            <div cross-fade>Home page contents</div>
          </section>
          <section id="page2" hidden?="{{selected!=1}}">
            <div cross-fade>Gallery contents</div>
          </section>
        </core-animated-pages>
      </div>
    </core-scaffold>
  </template>
  <script>
    Polymer({
      ready: function(){
        this.$.selector.selected = 0;
      },
      selectAction: function(e, detail){
        var selectedIndex = this.$.selector.selectedIndex;
        var pages = this.$.pages;
        pages.selected = selectedIndex;
      }
    });
  </script>
</polymer-element>


... 在这里输入。。。
应用
{{item.label}
主页内容
画廊内容
聚合物({
就绪：函数（）{
此.$.selector.selected=0；
},
选择操作：功能（e，详细信息）{
var selectedIndex=this.$.selector.selectedIndex；
var pages=此。$.pages；
pages.selected=selectedIndex；
}
});
尝试对核心选择器和核心动画页面使用selected={{selection}}。如果我没记错的话，
selected
published属性绑定到这两个元素的项索引。在核心选择器中，它将绑定到所选项目的索引，在核心动画页面中，它将提取绑定值并将其用作索引，以抓取页面并显示该页面

换句话说，您不需要事件处理程序或手动操作隐藏元素。数据绑定系统将为您处理所有这些。
谢谢您的回答！你的意思是被选中={{selected}}还是被选中={{{selection}}？编辑：看起来“selected={{selected}}}”有点有效。该值显示正确，但页面既没有交换也没有设置动画，换句话说：两个页面都显示：/对不起，我是说被选中了。我目前正在使用我的移动设备，但当我在一个工作站上时，我会更详细地了解这一点！你的回答帮助我解决（并理解）了这个问题，同时也弄明白了为什么其余的都不起作用。我忘了“导入”核心动画页面，这就是为什么过渡没有成功（感到尴尬）！：(