问题标签 [polymer-1.0]
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 - 聚合物 1.0 不工作
我正在尝试制作一个简单的“Hello World！” 元素。我已经尝试使用 bower 安装聚合物组件，并且我使用了 zip 文件。我也使用了 python 和 npm HTTP 服务器，但我仍然没有得到任何输出。
<html>
<head>
<title>Polymer</title>
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="elements/hello-world.html">
</head>
<body unresolved>
<hello-world></hello-world>
</body>
</html>
与元素文件
<link rel="import" href="../bower_components/polymer/polymer-mini.html">
<polymer-element name="hello-world" noscript>
<template>
<h1>Hello World!</h1>
</template>
</polymer-element>
polymer - 使用 Polymer 1.0 的单页应用程序 (SPA) 示例
有人可以提供使用 Polymer 1.0 的单页应用程序 (SPA) 示例吗？
polymer - 在结构化对象中实现双向数据绑定
我正在尝试更新我的一个项目以使用 Polymer 1.0，但我已经陷入了整个双向绑定和通知系统。在 Polymer 0.5 为您解决这个问题的地方，我似乎无法在 1.0 中做到这一点。
我必须为我的 API 创建一个对象，如下所示：
我已经想出了如何使用 dom-repeat 元素来渲染它，但是如果我每次更改时都进行铁输入，那么更改不会传播到我的模型中。
理想情况下，我什至会创建一个元素来编辑每个对象以及其中的子对象。但是，如果我必须指定可能发生的每一个通知，我会感到不知所措，而且我根本不了解这些事情的作用。
javascript - Polymer 1.0：有没有办法使用“布局”作为属性而不是 CSS 类或在类属性中使用属性序列化？
我已经在聚合物 0.5 中构建了我的应用程序。
现在我已将其更新为聚合物 1.0。
对于响应式布局，我使用了 Polymer 0.5 中使用布局属性的自定义逻辑的布局属性。
请看下面的代码：
现在在聚合物 1.0 中引入了一个元素“iron-layout-flex”，所有迹象都表明，现在我们必须使用“.layout”、“.horizontal”、“.vertical”类而不是属性？我应该如何根据布局属性的逻辑进行调整，这非常令人困惑。
所以，我的问题是，有没有办法使用“布局”作为属性而不是 CSS 类或在类属性中使用属性序列化？
javascript - 试图在另一个 Polymer 元素中附加一个 Polymer 元素
我有一个v-fire聚合物：
我希望能够在我的 Polymer 元素中的任何地方使用它，以使它们触发内部函数以使它们执行特定任务，例如更新，因此在v-fire调用firing.
例如，我制作了一个新对象来测试：
在index.html中
它不起作用，因为我相信v-fire在插入fire-tester时不会被处理。有没有办法告诉 Polymer 处理 dom 块，就好像它是在本地 DOM 中声明的一样？
polymer-1.0 - Polymer 1.0 中是否有“聚合物就绪”事件的等价物？
我需要知道何时可以开始以编程方式使用我的自定义 Polymer 元素。这些元素仍然undefined在我的window.onload处理程序中。Polymer 1.0 是否有既定的方法可以正确执行此操作？
-编辑-
我看到有人反对，所以让我澄清一下这个问题。我有以下自定义元素定义：
然后我将其导入我的index.html：
index.html在标签的底部</body>，我尝试实例化一个ElementOne元素：
我应该注意到这个问题发生在最新的 Firefox 和 IE 10/11 中，但不在 Chrome 中。
polymer - 如何动态设置类名？
我从我的最后一个问题中了解到， 0.9 及更高版本不允许字符串连接（目前我正在迁移到 1.0 版）。
我不得不将每个变量都包装在单独的 HTML 元素中。
但是，有时我需要使用hreforclass属性来动态分配值。我不能让它像下面这样直接工作：
因为 1.0 不允许字符串连接！
请参阅下面的片段。我正在尝试从我的属性值传递一个属性值，index.html而该属性值又应该替换class我的自定义元素内的属性值。但它不起作用，我明白为什么。
这是 index.html 中的片段
我#ff0000通过v1bg属性传递了一个十六进制代码，我打算实际替换元素内的属性。
我还不知道是否有解决方法。可能已经用过document.querySelector()，但还没有尝试过。如果有一个直接的 HTML 方法那就太好了。
data-binding - 在 Polymer 1.x 中绑定到 [[var]] 和 {{var}} 有什么区别？
我熟悉{{variable}}Polymer 0.5 中带有花括号的绑定，例如 .
但是，在 Polymer 发行版的示例和代码片段中，我已经开始注意到带有方括号的绑定，例如[[variable]], 。
{{variable}}现在意味着不同的东西，还是相同的东西[[variable]]只是一个补充？[[variable]]绑定到 Polymer和绑定到 Polymer 有什么区别{{variable}}？
polymer - 谷歌地图没有出现在铁页中
我正在使用 Polymer 1.0 的新功能 Iron-pages，它被认为是从 core-pages（0.5 版）迁移到构建单页管理仪表板。我选择的项目之一应参考 google-map 。问题是当我选择地图项目以显示谷歌地图部分时，一切都是灰色的？我需要一个适用于 Polymer 1.0 的解决方案
javascript - 混合 Polymer 1.0 和 Angular 1.x
我有一个 Angular 1.x 应用程序，我正在尝试在 Polymer 1.0 的帮助下将其更新为材料设计。我必须声明，我只是将纸元素用作普通的构建块，并且我没有编写任何自定义的 Polymer 代码。
到目前为止，我遇到了 2 个问题，都是处理嵌套的 Polymer 元素，所以我想解决方案将是相同的或至少非常相似。
问题 1
ng-repeat在纸质物品上使用。
HTML 代码（使用 Angular 模板语法）
以下代码不会运行，因为它会产生以下错误：
但是，如果我使用以下代码，则代码运行时不会出错：
请注意，我只更改了根元素（从paper-item到div）。
问题 2
尝试使用google-map在地图上显示标记。地图居中，但没有标记。
HTML 代码（使用 Angular 模板语法）
HTML 输出（由 Angular 在运行时编译）：
请注意，内部标签google-map-marker具有latitude和longitude，而外部标签NaN按预期工作。这解释了为什么地图中心正常，但没有标记。google-map
TL;博士
嵌套 Polymer 元素和使用 Angular 双胡须语法可能会导致冲突，因为内部 Polymer 元素将其视为 Polymer 代码而不是 Angular 代码。
任何想法如何解决这个问题？