问题标签 [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.

0 投票
1 回答
712 浏览

polymer - 带有链接的纸张标签显示问题

我正在使用 page.js 编写一个聚合物单页网站,就像在聚合物入门套件中一样。我没有使用纸质菜单进行路由,而是使用纸质标签。

所以路由工作正常,但我不能让纸质标签看起来像纸质标签了。它们看起来像链接,我看不到底部的选择栏。

知道我做错了什么吗?

索引.html

0 投票
1 回答
91 浏览

polymer - 为什么 Polymer Starter Kit 在 index.html 中使用自动绑定模板而不是创建自定义组件?

在 Polymer Starter Kit 中,index.html 的行为似乎非常像 Polymer 组件,例如绑定到 app.js 中的属性。为什么不把 index.html 正文的所有内容都放到一个自定义组件中呢?在这种情况下使用自动绑定模板有什么好处?它是否与作为单页应用程序并将应用程序的骨架结构保留在 index.html 中有关?或者是为了更容易地访问应用程序范围的变量,例如“baseUrl”?或者它可能与 CSS 范围有关?

0 投票
1 回答
275 浏览

polymer - 您如何为选定的纸质菜单链接的背景颜色设置变量?

入门套件在抽屉纸质菜单内有常规链接,而不是纸质项目。要设置所选纸张菜单链接的背景颜色,--paper-menu-selected-item css mixin 不能为 app-theme.html 中的纸张菜单设置为不同的颜色。但是,直接设置纸质菜单 a.iron-selected 类的样式也不起作用。那么设置背景颜色的标准方法是什么?

编辑:好的,这似乎设置为 --light-primary-color 自定义属性。有人知道这是在哪里设置的吗?没有找到它的文档。

0 投票
1 回答
920 浏览

polymer - 在 Polymer 中将页面拆分为多个文件

首先,我是个菜鸟,所以如果我问愚蠢的问题,或者如果其他地方已经回答了相同的问题,请原谅:我可能不知道有效搜索主题的权利条款。

所以这是我的问题。我正在尝试使用 Polymer 创建仪表板。因此,我将有一个导航栏/菜单,其中包含许多选项(合同、日历、管理页面......)。在查看聚合物入门套件及其演示时,我们被告知将所有与导航抽屉相关的页面放在 index.html 文件中的<section>标记之间。

但是,这些页面可能包含很多代码,并且会有很多页面(目前为 12 个)。我担心 index.html 很快就会变得庞大,这可能意味着“难以维护”和“加载时间长”。

所以我的问题如下:有没有一种方法可以轻松地将页面应用程序拆分为多个 html 文件?就像创建一个新的自定义元素并将其导入标题中,然后在<section>标记之间使用它?


好的,按照我在这里得到的建议,我已经阅读了有关 HTMLimport 的内容,以及 Chrome 开发人员的 youtube 上有关“延迟加载”的教程,这就是我所做的(它基于聚合物入门套件)。问题:它不起作用:(
单击导航栏中的“合同”没有任何作用。我不明白:/请帮助我!

这是路由元素:

0 投票
1 回答
129 浏览

polymer - 使用新的碳路线元素在应用程序上设置变量的最佳做法是什么

在聚合物入门套件中,整个应用程序被包装在一个模板 (id="app") 中,如下所示:

我从这种风格中受益的一种方式是,当路由发生如下变化时,我可以在应用程序上设置一些变量:

我可以使用新的 carbon-route 元素以类似的方式在应用程序级别设置变量吗?

0 投票
2 回答
796 浏览

polymer - 如何更改纸张滚动标题面板的颜色?

我正在使用 Polymer Starter kit 我正在尝试更改 paper-scroll-header-panel 的默认颜色,但它不会。

根据paper-scroll-header-panel:

更改工具栏全尺寸时的背景

压缩工具栏时更改工具栏的背景

在 Polymer Starter Kit 的共享样式中,我添加了

但是什么也没发生,我是错过了什么还是做错了什么?任何帮助将不胜感激。

elements.html 的代码

shared-styles.html 的代码

index.html 的代码

0 投票
1 回答
192 浏览

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 路由更改为或“*”,但没有任何效果。任何帮助将不胜感激。

谢谢。

0 投票
1 回答
476 浏览

polymer-1.0 - 基于 URL 的聚合物显示内容

我正在尝试创建一个自定义元素以供重用。我所拥有的是由三个属性组成的数据,这些属性将显示在其各自的页面上,具体取决于您单击的链接。

我正在使用Polymer Starter Kit。基本上,我希望有一页信息会根据 URL 的内容而变化。我在一个页面上有一个程序列表,其中包含指向它们各自页面的链接。到目前为止,我有这个:

在我的 index.html 中,我有一个如下所示的部分:

然后我有一个自定义元素,程序信息,看起来像这样

根据单击的程序,我想获取数据并将其用于我的自定义元素(名称、价格、描述)。因为只有七个程序,所以我考虑过将它放在一个数组中,但是我不知道如何根据 URL 在数组中抓取正确的项目。

有什么想法吗?

0 投票
1 回答
151 浏览

github - 尝试托管 Polymer Starter Kit 时出现 GitHub Pages 404

所以我只是试图在 git 页面上托管聚合物入门套件,理论上这应该很容易,这里已经有一个简单的教程来说明如何做到这一点。问题是在遵循所有说明并导航到我的 SKHolmes.github.io 之后,我从 github 收到 404,说它无法加载资源,无论是一个还是多个。我可以清楚地看到根目录中有一个 index.html 文件。

这是错误 在此处输入图像描述

这是我的存储库 在此处输入图像描述

有没有人遇到过类似的问题?有什么我错过的技巧吗?

0 投票
2 回答
1005 浏览

node.js - npm install 时 Google 聚合物入门套件 WARN

当我在此处从 github 下载聚合物入门套件的“中级 - 高级用户”版本时,在此处这些说明的第 4 步,我总是收到这些警告:

无论我使用什么操作系统:尝试了 Ubuntu 和 Windows (git bash)。

我在全球范围内安装了 npm、bower、gulp,但总是有这些警告。

我认为这可能是一个依赖问题,或者是因为某些聚合物入门套件文件中的一些代码,但我不是专业开发人员,所以我找不到导致问题的原因

虽然当我部署项目时这一切似乎都有效,但我是 web 开发的新手,不确定我是否必须对这些 WARN 闭上眼睛