聚合物'detail.item'赢得't返回正确的对象
Polymer 'detail.item' won't return the correct object
上帝保佑,我无法让选择(或动画页面)发挥作用。我试着遵循教程,但他们没有提到如何实际执行从一个页面到另一个页面的转换(或者有些事情我完全不理解),我的猜测是我应该只需要设置core-animated-pages
的selected
值,但这也不起作用。
首先,detail.item
对象似乎没有包含正确的内容。我可能做错了什么小事。当尝试从on-core-select
事件访问"detail.item.selectedIndex"时,我只得到undefined
。如果我使用:this.$.selector.selectedIndex
通过id访问属性,它将起作用。
同样做以下事情似乎也无济于事:
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>
尝试对核心选择器和核心动画页面使用selected={{selection}}}。如果我没有记错的话,selected
发布的属性绑定到这两个元素的项的索引。在核心选择器中,它将绑定到所选项目的索引,在核心动画页面中,它会提取绑定值并将其用作索引,以获取页面并显示该页面。
换句话说,您不需要事件处理程序或手动操作隐藏元素。数据绑定系统为您处理这一切。
相关文章:
- Javascript:firstChild对象返回undefined
- Javascript对象返回垃圾值
- 从js中的对象返回一个值
- 从Javascript类对象返回函数
- 从具有最高值的对象返回属性
- 为什么我的Date对象返回当前日期
- NodeJS fs.readdr-将回调内部作为对象返回
- Leadfoot会话对象返回promise
- 如何从对象返回可读字符串
- 日期对象和ISO日期对象返回不同的日期
- 使用JavaScript's FormData对象返回整个html
- 节点.js请求对象 - 返回响应正文以供进一步操作
- 使用 Restangular 使用 RESTful API - RESTful API 将数组作为顶级对象返回是否安全
- 带有方法的 Javascript 对象返回“没有方法'我的方法名称'”错误
- 从 Date() 对象返回 dd-mm-yyyyy
- JSON 中的日期对象返回的数据被视为字符串
- Javascript - 如何获取字符串,打印单词,字符,空格,平均单词长度的#并作为对象返回
- 如何从新对象返回值,同时保留其方法
- 如何从对象返回某些键
- 从 Javascript 中的对象返回值