聚合物 1.0 路线不渲染
polymer 1.0 route not rendering
本文关键字:聚合物 更新时间:2023-09-26
我正在尝试获得一条路线来处理使用聚合物入门套件创建的项目。其他路由有效,但我一直在尝试实现的嵌套路由出现问题
我希望能够添加一个路由/boat/add
并将其指向它各自的元素。我首先将以下代码添加到运行页面.js路由器的路由.html文件中。
page('/boat/add', function() {
app.route = 'boat-add';
setFocus(app.route);
});
这当然是在WebComponentsReady事件侦听器中。
接下来,我将元素导入到模板标签下的主索引.html文件中
<!-- Main Content -->
<div class="content">
<iron-pages attr-for-selected="data-route" selected="{{route}}">
<section data-route="boat/add" tabindex="-1">
<bw-boat-add></bw-boat-add>
</section>
</iron-pages>
</div>
</paper-scroll-header-panel>
</paper-drawer-panel>
</template>
这是实际的模板文件
<dom-module is="bw-boat-add">
<template>
Test
</template>
<script>
(function() {
"use strict";
Polymer({
is: 'bw-boat-add',
attached: function() {
console.log(1);
}
});
})();
</script>
</dom-module>
此外,如果值得,附加的方法处理程序函数会在控制台中返回 1。我还有什么遗漏的吗?
在iron-pages
中,您将data-route
设置为boat/add而不是boat-add。您可能需要将其更改为:
<section data-route="boat-add" tabindex="-1">
<bw-boat-add></bw-boat-add>
</section>
相关文章:
- 用于搜索的聚合物嵌套绑定
- 聚合物0.5.5:核心列表中的条件模板和/或模板动态参考
- Rubaxa可与聚合物进行排序/拖放不起作用,具体取决于显示器:
- 如何在模板聚合物中使用元素函数
- 聚合物dom重复问题
- 聚合物是一个框架而不是一个库.如何模块化地使用web组件
- 聚合物铁形式验证至少选中一个复选框
- 玻璃鱼服务器和聚合物
- 聚合物:在不同的视图模型中多次使用元素
- 聚合物-dom重复的起始指数
- 聚合物绑定条件属性和求值属性
- 如何动态创建聚合物元素
- AngularJS+IE 11+聚合物=ng模型未更新
- 如何使用javascript独立地为聚合物自定义元素的每个实例的lightdom设置样式
- 镀铬延长件内部的聚合物纸按钮不起作用
- 造型:主机的聚合物元素与Javascript
- 在Firefox上使用聚合物的javascript依赖关系的HTML导入困难;Safari
- yeoman generator聚合物的web组件测试失败
- 聚合物+流星,在火焰#每个循环中,无法将对象传递到聚合物网组件
- 聚合物-如何从<a>标签