问题标签 [polymer-starter-kit]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
polymer - 带有链接的纸张标签显示问题
我正在使用 page.js 编写一个聚合物单页网站,就像在聚合物入门套件中一样。我没有使用纸质菜单进行路由,而是使用纸质标签。
所以路由工作正常,但我不能让纸质标签看起来像纸质标签了。它们看起来像链接,我看不到底部的选择栏。
知道我做错了什么吗?
索引.html
polymer - 为什么 Polymer Starter Kit 在 index.html 中使用自动绑定模板而不是创建自定义组件?
在 Polymer Starter Kit 中,index.html 的行为似乎非常像 Polymer 组件,例如绑定到 app.js 中的属性。为什么不把 index.html 正文的所有内容都放到一个自定义组件中呢?在这种情况下使用自动绑定模板有什么好处?它是否与作为单页应用程序并将应用程序的骨架结构保留在 index.html 中有关?或者是为了更容易地访问应用程序范围的变量,例如“baseUrl”?或者它可能与 CSS 范围有关?
polymer - 您如何为选定的纸质菜单链接的背景颜色设置变量?
入门套件在抽屉纸质菜单内有常规链接,而不是纸质项目。要设置所选纸张菜单链接的背景颜色,--paper-menu-selected-item css mixin 不能为 app-theme.html 中的纸张菜单设置为不同的颜色。但是,直接设置纸质菜单 a.iron-selected 类的样式也不起作用。那么设置背景颜色的标准方法是什么?
编辑:好的,这似乎设置为 --light-primary-color 自定义属性。有人知道这是在哪里设置的吗?没有找到它的文档。
polymer - 在 Polymer 中将页面拆分为多个文件
首先,我是个菜鸟,所以如果我问愚蠢的问题,或者如果其他地方已经回答了相同的问题,请原谅:我可能不知道有效搜索主题的权利条款。
所以这是我的问题。我正在尝试使用 Polymer 创建仪表板。因此,我将有一个导航栏/菜单,其中包含许多选项(合同、日历、管理页面......)。在查看聚合物入门套件及其演示时,我们被告知将所有与导航抽屉相关的页面放在 index.html 文件中的<section>
标记之间。
但是,这些页面可能包含很多代码,并且会有很多页面(目前为 12 个)。我担心 index.html 很快就会变得庞大,这可能意味着“难以维护”和“加载时间长”。
所以我的问题如下:有没有一种方法可以轻松地将页面应用程序拆分为多个 html 文件?就像创建一个新的自定义元素并将其导入标题中,然后在<section>
标记之间使用它?
好的,按照我在这里得到的建议,我已经阅读了有关 HTMLimport 的内容,以及 Chrome 开发人员的 youtube 上有关“延迟加载”的教程,这就是我所做的(它基于聚合物入门套件)。问题:它不起作用:(
单击导航栏中的“合同”没有任何作用。我不明白:/请帮助我!
这是路由元素:
polymer - 使用新的碳路线元素在应用程序上设置变量的最佳做法是什么
在聚合物入门套件中,整个应用程序被包装在一个模板 (id="app") 中,如下所示:
我从这种风格中受益的一种方式是,当路由发生如下变化时,我可以在应用程序上设置一些变量:
我可以使用新的 carbon-route 元素以类似的方式在应用程序级别设置变量吗?
polymer - 如何更改纸张滚动标题面板的颜色?
我正在使用 Polymer Starter kit 我正在尝试更改 paper-scroll-header-panel 的默认颜色,但它不会。
根据paper-scroll-header-panel:
更改工具栏全尺寸时的背景
压缩工具栏时更改工具栏的背景
在 Polymer Starter Kit 的共享样式中,我添加了
但是什么也没发生,我是错过了什么还是做错了什么?任何帮助将不胜感激。
elements.html 的代码
shared-styles.html 的代码
index.html 的代码
eclipse - Polymer 意外路由结果主页
我克隆了聚合物入门套件 1.0,只有当 url 为 : 时,它才能正常工作localhost:8080
。当我尝试使用 Eclipse 和 Apache Tomcat 8.0 构建 Java MVC 应用程序时,URL 将是:localhost:8080/project-name
。
现在页面导航的行为发生了巨大的变化。当我启动项目时,URL 如下:localhost:8080/project-name/#!/project-name
但它应该是这样的:localhost:8080/project-name
并且应该显示主页并在点击用户或联系人选项卡时,网址应该是:
localhost:8080/project-name/#!/users
localhost:8080/project-name/#!/contact
但它显示如下:localhost:8080/project-name/#!/project-name/users
localhost:8080/project-name/#!/project-name/contact
我试图使app.baseUrl =" ";
. 将 home 的 routing.html 路由更改为空或“*”,但没有任何效果。任何帮助将不胜感激。
谢谢。
polymer-1.0 - 基于 URL 的聚合物显示内容
我正在尝试创建一个自定义元素以供重用。我所拥有的是由三个属性组成的数据,这些属性将显示在其各自的页面上,具体取决于您单击的链接。
我正在使用Polymer Starter Kit。基本上,我希望有一页信息会根据 URL 的内容而变化。我在一个页面上有一个程序列表,其中包含指向它们各自页面的链接。到目前为止,我有这个:
在我的 index.html 中,我有一个如下所示的部分:
然后我有一个自定义元素,程序信息,看起来像这样
根据单击的程序,我想获取数据并将其用于我的自定义元素(名称、价格、描述)。因为只有七个程序,所以我考虑过将它放在一个数组中,但是我不知道如何根据 URL 在数组中抓取正确的项目。
有什么想法吗?
github - 尝试托管 Polymer Starter Kit 时出现 GitHub Pages 404
所以我只是试图在 git 页面上托管聚合物入门套件,理论上这应该很容易,这里已经有一个简单的教程来说明如何做到这一点。问题是在遵循所有说明并导航到我的 SKHolmes.github.io 之后,我从 github 收到 404,说它无法加载资源,无论是一个还是多个。我可以清楚地看到根目录中有一个 index.html 文件。
有没有人遇到过类似的问题?有什么我错过的技巧吗?