问题标签 [polymer-starter-kit]

在 Polymer Starter Kit 中，对bower_components子目录的每个引用都指向该目录正下方的一个节点app。但是，（至少在我的 PSK 版本中）bower_components子目录比目录高一级app。换句话说，bower_components子目录实际上位于项目根目录中。

我只是算错了我的目录节点吗？或者这与如何工作gulp以及可能vulcanize工作有关？还是我完全不理解的其他东西？

例如，index.html有这个脚本标签：

这表明该bower_components目录与index.html. 但事实并非如此。bower_components实际上是上一级。

元素导入也是如此。

我想在 Bootstrap 主题中使用 CSS 变量，以便将来可以方便地更改主题的配色方案。

此图表显示 Firefox 是目前唯一支持 CSS 变量的浏览器。

问题

如何使用 Polymer 的 Polyfills 填充对 CSS 变量的跨浏览器支持？

我使用 Yeoman Polymer Generator 中的 Polymer Starter Kit 搭建了这个项目。我用 Bootstrap 主题替换了 PSKapp目录，并将原来的 app 目录重命名为app1，主题目录重命名为app.

我知道一切都已正确配置，因为它使用 Firefox 可以按预期工作。所以我只需要专注于让 Polyfills 工作。

我在我的index.html. 但它不起作用。

编辑：与 Polystyles 相关的 其他问题。

文档令人困惑。例如，url 参数应该是什么以及做什么？像进口一样吗？如果我的 dom 模块是本地文件，它可以指向内部路径或文件吗？另外，dom-module 是一个 .css 文件还是一个 .html 文件，就像我见过的其他 DOM 模块/元素一样？

然后我在外部纸张菜单中选择一个项目，然后导航到我的子菜单并在那里选择一个项目，外部项目仍然被选中。反之亦然：

知道如何解决吗？

我创建了一个自定义元素来显示聊天列表，如下所示：

我希望当用户单击任何对象时，工具栏应该获得名称。为此，我正在使用：

但它不起作用。有什么帮助吗？

假设我创建了一个自定义元素，如下所示：

messages是一个数组，包含与任何特定线程或联系人相关的聊天消息。

现在，在我的 中app.js，我有这种消息数组，其中包含按线程标识符的所有消息。如何将与任何特定线程标识符（即 name='Rajat'）相关的消息传递给<chat-container>元素？我已经尝试了几乎所有的组合，但仍然没有任何意义。

我试着做：

它没有用。

我目前在 Polymer 1.0 中使用以下代码来使我的网页的一部分具有响应性（它有效）：

在我的CSS中我有

隐藏<div>if false。

现在，我想知道是否有更聪明的方法可以在没有 double 的情况下解决这个问题<div>。

• 我可以以某种方式将条件放入“class =”吗？
• css中的@apply(--layout-horizo​​ntal)之类的东西会更好吗？

请注意 ，我注意到在 Polymer 0.5 中<div layout vertical>有效，但在 Polymer 1.0 中无效。相反，<div class="layout vertical">它似乎只适用于 Polymer 1.0。

所以我所描绘的是我拥有的一个参数数组，其中包含一个 id 列表，我们称之为 Array1。这些 id 将用作对同一 url 的 ajax 调用的参数。当它进行调用时，我想将 ajax 调用中的一些信息推送到一个公共数组（Array2），然后转到 Array1 中的下一个 id。这可以用 Polymer 实现吗？如果是这样，我从哪里开始？

代码：

下载并解压 psk1.2.1 并运行 npm install 和 bower install 后，当我运行 gulp 时，我得到以下输出

MacBook-Pro-van-Marco:testb mspro$ gulp

[21:18:46] 使用 gulpfile ~/www/studies/polymer/testb/gulpfile.js

[21:18:46] 开始“干净”...

[21:18:46] 5.66 毫秒后完成“清洁”

[21:18:46] 开始“默认”...

[21:18:46] 开始“复制”...

[21:18:46] 开始“风格”...

[21:18:47] 样式化所有文件 98 B

[21:18:47] 559 毫秒后完成的“样式”

[21:18:48] 复制所有文件 12.75 MB

[21:18:48] 1.72 秒后完成“复制”

[21:18:48] 开始'元素'......

[21:18:48] 3.49 毫秒后完成“元素”

[21:18:48] 开始“棉绒”...

[21:18:49] 开始“图像”...

[21:18:49] 开始'字体'...

[21:18:49] 开始'html'...

[21:18:49] 142 毫秒后完成“字体”

[21:18:51] 2.41 秒后完成“棉绒”

[21:18:51] html 所有文件 52.36 kB

[21:18:51] 1.35 秒后完成“html”

[21:18:51] gulp-imagemin：缩小 6 张图像（节省 494 B - 1.4%）

[21:18:51] 图像所有文件 35.41 kB

[21:18:51] 1.64 秒后完成的“图像”

[21:18:51] 开始“硫化”...

错误查找 /Users/mspro/www/studies/polymer/testb/dist/bower_components/paper-behaviors/paper-button-behavior.html

错误查找 /Users/mspro/www/studies/polymer/testb/dist/bower_components/paper-behaviors/paper-inky-focus-behavior.html

paper-behaviors 文件夹为空（README.md 除外），然后我复制了 psk-light 下载的 bower_components/paper-behaviors 文件夹的内容，错误消失了，但使用 gulp 启动演示导致空页

在 chrome 中查看控制台我收到以下错误：

未捕获的类型错误：Polymer.IronMeta 不是函数 /deep/ 组合器已弃用。有关更多详细信息，请参阅https://www.chromestatus.com/features/6750456638341120。iron-icon.html:168 Uncaught TypeError: this._meta.byKey is not a function page.js:797 Uncaught TypeError: Cannot read property 'length' of undefined

这就是我现在放弃的地方，

我的节点版本是 mac osx 10.10.5 Chrome 47.0.2526.106（64 位）上的 v4.2.4

有谁知道如何解决这个问题？

谢谢

polymer-starter-kit在<section>显示路由参数时使用 a ，如下所示：

但我想将params.name数据传递给一个元素，如下所示：

虽然我可以将数据传递给元素并在其模板中将其标记出来，但我无法从任何生命周期事件（例如）访问params变量。ready

如何才能做到这一点？

Polymer Starter Kit (PSK) 包含有关在 Firebase 上托管时使用 Pretty URLs 的说明这里

我正在尝试使用 Nginx Server 进行类似操作，但无法确定页面重新加载的位置块。使用 PSK 附带的示例数据，例如，您将如何配置“/users/sam”。