问题标签 [polymer]

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 回答
1308 浏览

javascript - 使用 WebComponents/ShadowDOM 封装 JavaScript

可能很简单的问题,我还没有真正找到答案:

ShadowDOM 或 WebComponents(作为更大的标准)是否实际上也封装了 JavaScript?就像为每个组件设置单独的命名空间一样?

从我遇到的 Polymer 情况来看,情况还不是这样,这很明显,因为聚合物正在通过 JS 进行填充。

谢谢!

0 投票
1 回答
78 浏览

import - Dart 库与聚合物相互导入

我有一个包含另一个的聚合物元素。我试图将它们放在同一个库中,如下所示

在 parent.dart

图书馆家长;

部分“child.dart”;

在 child.dart 中

父母的一部分

但这不起作用。我猜是因为 child.dart 也包含在 child.html (聚合物模板文件)中。所以我将它们分成两个库并让他们喜欢

在 parent.dart

图书馆家长;

导入“child.dart”;

在 child.dart 中

图书馆儿童;

导入“parent.dart”;

这可行,但我不确定这是正确的方法。有任何想法吗?

谢谢,易

0 投票
2 回答
754 浏览

dart - 如何将 CSS 类绑定到 Polymer 中的可观察对象或属性?

如果某个条件变为真,我希望将 CSS 类应用于元素,并且当条件变为假时删除该类。这是 Web 编程中非常常见的模式,我想知道使用 Polymer 执行此操作的惯用方式。

0 投票
1 回答
2723 浏览

dart - 你如何在 Polymer 中调度和监听自定义事件?

我想要一个子元素来分派一个自定义事件,而父元素来监听它,并采取一些行动。使用 Polymer 时如何执行此操作?

0 投票
2 回答
1527 浏览

angularjs - 将 Polymer 或 Web Components 模板链接/编译到 Angularjs Scope

我有一个Polymer组件(Web 组件),并在其中放置了一个角度控制器,如下所示:

<x-display>放置在这样的页面上:

这一切都很酷。除了一个例外,它的行为与您预期的完全相同,放置一大堆<x-display>标签,每个人一个,并用正确的值填充它们。我将调用Polymer默认值设置为 null 以便{{ p.value }}事件不会闪现,但除此之外它很好而且简单。

问题是嵌套XDisplayController的永远不会被 Angularjs 解析,因此永远不会成为真正的控制器。如果我这样定义它:

遗憾的是,它没有受到影响。

我将如何让 angularjs 了解模板,理想情况下,我将如何使其继承父范围,以便它的行为就像被放置在页面上一样,就像被 angular 指令一样?

我怀疑它可能与$compile有关,但我无法让它工作。

哦,我应该提到 Polymer 有生命周期回调,这可能是调用任何链接 angularjs 代码的合适位置。

编辑:我尝试了 CodeHater 的代码,将 element.contents() 更改为 element.context.impl 并得到以下错误:

我认为这与 Shadow DOM 以及聚合物创建的标签如何拥有自己的上下文有关。

0 投票
1 回答
6517 浏览

dart - 聚合物 SEO 是否友好?

我想知道 Polymer 对 SEO 有多友好。
由于所有代码都像 Angular 一样完全动态,搜索引擎如何获取页面信息?因为也在 Angular 中做事,所以我真的很难让它对 SEO 友好。
是否有工具可以自动生成_escaped_fragment_ 以供搜索引擎使用?
我猜谷歌可能已经想到了解决方案,但我无法找到它(即使在谷歌上)。

根据聚合物常见问题解答,我们所拥有的是

爬虫了解自定义元素?搜索引擎优化如何运作?
他们没有。然而,一段时间以来,搜索引擎一直在处理大量基于 AJAX 的应用程序。远离 JS 并更具声明性是一件好事,通常会使事情变得更好。
http://www.polymer-project.org/faq.html#seo

不是很有帮助

0 投票
1 回答
126 浏览

javascript - 防止在某些 DOM 元素上监听事件

除了新的 Shadow Dom 和旧的 HTML iframe 元素之外,有没有办法阻止用户在我的小部件内的 DOM 元素上监听[委托]事件?

PS 我听说 Firefox 有 XBL,它具有类似于 Shadow DOM 的功能。目前是否支持?

0 投票
3 回答
3021 浏览

javascript - 使用 Polymer 路由事件

我正在尝试使用polymer包裹一个按钮。

HTML:

JS:

我不确定如何允许该聚合物元素的用户收听单击事件或悬停事件。此外,在两个按钮被包裹在该聚合物元件中的情况下。

0 投票
1 回答
571 浏览

dart - 模板重复中的模板重复

是否可以在模板中重复模板?我想要这样的东西:

polymer_mylement.dart

如您所见,我有一个包含列表的 MyObject。“a”的 Listelements 有另一个 List。在generell 中,在我的main() 方法中,我从我们的WebService 中获取一些protobuf 数据。在我的 onDataLoaded 中,我将二进制字符串转换回可读格式。现在我创建我的 MyObject 并通过我的响应通过一些循环用 ListElements 填充它。

在我的模板中,我想渲染结果。

它一直有效,直到第二个模板重复。我从 MyObject 中看到了字符串 1 和 string2,还看到了列表中的类型。但他没有向我展示我的列表的第二次重复?

有可能还是我做错了什么?

0 投票
1 回答
73 浏览

javascript - 标签不根据模板中的位置呈现

我不确定发生了什么,但是 <content> 标记中的内容没有根据元素的位置呈现。

我正在使用的元素:

在我的聚合物元素中:

它似乎没有理由不工作。我已经花了几个小时了。不确定它可能是什么。谁能指出我正确的方向。任何帮助将不胜感激。