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

material-design - 如何将 Material Design 组件导入 Progressive Web App Starter Kit?

我想在我的Progressive Web App Starter Kit中使用Material Design Component: Lists

所以...

怎么办?

我能想到的就是

或者

两者都会产生错误。我应该怎么办?

0 投票
2 回答
453 浏览

polymer - 聚合物 Cli 与 PWA 入门套件

Polymer Cli 和 PWA 入门套件有什么区别?我渴望使用 Polymer 使用 Web 组件构建 PWA,但我对这两者感到困惑。

0 投票
2 回答
1238 浏览

polymer - 使用 document.getElementById 将 Web 组件元素从 ShadowDom 公开给外部 JS

我正在使用 Polymer 当前的 PWA 入门套件模板。

https://github.com/Polymer/pwa-starter-kit/tree/template-typescript

我的 web 组件元素页面返回以下带有 DIV 元素的代码:

我需要通过 document.getElementById 从外部 javascript 访问 CONTAINER NAME 元素。我知道它位于 shadow dom 中,但我无法更改外部 JS。所以问题是如何通过 document.getElementById 从 JS 访问它?

外部 JavaScript 将一个加载iframe到命名的div. 这个外部组件需要通过document.getElementById将 iframe 加载到指定的 div 中来获取 div 元素。

我已经搜索并没有找到一种方法来强制将我的 web 组件页面的 shadow dom 中的 div 元素暴露/放置在 DOM 中。

我刚刚发现这里提到的这个解决方案,但我没有让它在 PWA 模板中工作。也许是因为影子 dom 在 PWA 模板中级联?

https://stackoverflow.com/a/47082470/9192527

有什么方法可以更新基于 Polymer v3/PWA 套件的 Web 组件,外部 javascript(第三方)仍然使用 document.getElementbyId 来修改我在 Web 组件中的 div?

所以寻找一种可能性,使用可能slots将阴影 dom 的元素暴露给 light dom?但不能让它与上面链接的解决方案一起工作。

0 投票
1 回答
208 浏览

lit-element - mwc-icon 0.7.1 不渲染(使用 lit-element/pwa-starter-kit)?

有没有人让 mwc-icon (0.7.1) 与 lit-element (pwa-starter-kit) 一起工作?

mwc-button 呈现 OK 但 mwc-icon 不呈现图标只是图标索引文本。