问题标签 [dart-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 回答
58 浏览

custom-controls - xxxChanged 方法不会在 JavaScript 中被调用

  • 我有两个包含几个聚合物定制元素的包。
  • 每个包都导入另一个包
    • 一个包包含使用或派生自另一个包中的元素的元素。
    • 另一个包使用仅在演示页面中导入的包中的元素,以使它们更具吸引力。
      元素之间没有循环依赖。
  • 在每个包中,我都有一个文件夹“示例”,其中包含每个自定义元素的演示页面。
  • 我使用 pubspec.yaml 和 pub build 中的转换器配置来构建演示页面的 Javascript 版本。
    (因为 pub build 还不支持入口点的示例目录,所以我创建了一个指向示例的符号链接 Web。)
  • 当我执行 pub build 时,示例已构建,其中一些工作正常。
    并非全部,因为变压器存在限制:

使用转换器构建的 pub 不支持在 pubspec.yaml 中配置转换器的导入包。

所以我的新方法正如 Dart web-ui 小组所建议的那样

  • 我创建了一个新包
  • 新包使用自定义元素导入两个包。
  • 我将两个自定义元素包中的所有示例文件符号链接到新包的 web/ 和 web/src 目录。

当我执行 pub build 一切看起来都很好但是当我打开演示页面并调试它们时,我看到没有xxxChanged任何自定义元素的方法被调用(除非它们被显式调用进入查看 attachedready)。其他方法如进入查看 attached或者ready被调用。

文件之间的差异(大约 14k 大小)显示了几个较小的差异,但大多数(大约 98%)是相等的。生成的代码(未缩小)至少对我来说不容易破译,而且我没有发现任何可能导致这些差异的提示。

任何想法可能是该问题的根源?

0 投票
1 回答
226 浏览

dart - 聚合物元素触发器更新

如果我有两种完全不同的聚合物元素,其中一个我有

另一个我有

我想要做的是,如果一个MyVar改变,它也应该改变另一个......我将如何处理这种情况?

为了进一步解释我正在寻找的实际上是一种在整个页面中进行各种绑定/反应的方法......所以如果某个方法/模块在某处改变了 MyVar 的状态,它将在整个页面中产生涟漪,在它应该改变的地方做出改变

0 投票
1 回答
1034 浏览

dart - Dart Polymer 模板中的数字 for 循环

如何在聚合物自定义元素模板中编写数字for循环?我的意思是

在当前版本的 Dart 1.0 中是否可行?

0 投票
1 回答
340 浏览

dart - does shadowdom change the rules for ids

The answer to question Cascading style sheets use "id" or "class" says for id's

Put an ID on an element if "it is the ..." (e.g. navigation)

and a further comment:

Because of this ids can only be used once (in the page) but elements can be classified multiple times. Also an element can only have one identifier but multiple classifications. However elements can be identified and classified.

With shadow dom, does the part about ids can be used once (in the page) still hold? For example, a simple way to grab elements in the component is to give each id's unique to the component and query them:

In html:

In Dart code:

In playing with this, multiple instances of the component do not conflict. Is this approach safe or a bad idea? If it is safe then have the rules for ids have changed?

0 投票
4 回答
1355 浏览

dart - 如何在飞镖组件中合并字体真棒?

以下 html 在文本左侧显示了一个漂亮的相机图标。在尝试设计聚合物组件的样式时,这是如何实现的?

具体来说,链接应该包含在哪里,applyauthorstyles 应该设置为什么,模板中的样式应该是什么。

0 投票
1 回答
2792 浏览

dart - 动态添加飞镖聚合物元素时,如何在 DOM 上获取可观察变量

我正在尝试更改使用聚合物库的默认 Web 应用程序,以便从 DART 代码创建聚合物元素并将其添加到 DOM,而不是包含在 HTML 中。我已成功将元素添加到 DOM,但我的可观察变量没有在 DOM 上更新。事件被触发,值正在改变。我已经使用 Observable.dirtyCheck() 更新了 DOM,但是,这显然很昂贵,所以我试图弄清楚如何让聚合物在没有dirtyCheck() 的情况下更新 dom。

所以,简而言之,我如何摆脱 Observable.dirtyCheck() ???

动态创建.dart

动态创建.html

点击计数器.dart

点击计数器.html

0 投票
1 回答
131 浏览

html - 如何监控 indexdb 存储的内容更改?

我目前有一个绑定到可观察列表的 PolymerElement,并使用

到目前为止,一切都很好。卡名是从 IndexDB 存储中填充的,我为此使用了草地。它适用于在启动时获取所有项目,但是当我从单独的 PolymerElement 将项目添加到数据库时,无法从另一个 PolymerElement 更新卡名列表。因此,我提出的一个想法是,在没有将所有这些逻辑放入同一个 PolymerElement 的情况下,让其中包含卡名的那个来监视数据库的更改,并在发生更改时从那里更新列表。我的问题是我不知道这是否已经是一个可以收听的更改事件,我希望有人能告诉我是否有,以及在哪里可以找到它或告诉我如何去做。

粗略地说,我可以运行一个后台隔离进程来检查更改,或者运行某种计时器,但这似乎很笨拙、成本高昂,而且我可以不用增加复杂性。

谢谢

0 投票
1 回答
1469 浏览

dart - 有没有一种更简单的方法可以通过我的 Polymer Element 中的 ID 获取元素?

我有一个 PolymerElement,我经常需要在其中按 ID 访问内部元素。我的聚合物元素看起来像这样:

当前访问各种 div 如下所示:

有没有更简单的方法来实现这一点?

0 投票
1 回答
362 浏览

dart - Dart 聚合物 - javascript Web 组件

任何人都知道是否可以在 Dart 应用程序中使用常规的 html 5/javascript Web 组件库?我认为从现在开始,将会出现很多 html 5/javascript 中的 Web 组件库,它们将用于开发 Dart 应用程序。只要没有 Dart Polymer 等价物,这些组件就无法使用,并且我们必须使用 Dart 编写的 Web 组件,是吗?

简单地在 Dart 应用程序中包含 polymer.min.js 会引发错误?也许不是那么简单;-)

谢谢,

丹尼尔。

0 投票
1 回答
350 浏览

dart - 让 HTML5 在 Form 中与多个聚合物飞镖组件一起工作

我在http://blog.sethladd.com/2013/09/forms-http-servers-and-polymer-with-dart.html阅读了 Seth Ladd 的博客

假设我添加了另一个 Form 组件 (Form2),重复步骤 3 和 4,然后在步骤 5 中导入 Form2。所以步骤 5 应该如下面的代码所示:

我现在应该将“提交”按钮放在其中一个表单中还是在导入表单的父级中?在任何一种情况下,单击提交按钮时如何通过 htnl5 获得自动验证等?对于在标签中包含自己的提交按钮的单个表单,一切正常,但当提交按钮放置在标签外部时,情况并非如此。

谢谢