问题标签 [polymer-2.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.

0 投票
1 回答
746 浏览

polymer - 如何从 Iron-form 获取表单数据以输出到视图中

我是 Polymer 2 和 ES6 的新手。我可以 console.log 输入铁形式的数据。但是,我无法将其输出到屏幕上。我认为这条线可以实现目标:

this.querySelector('.output').innerHTML = JSON.stringify(this.$.pizzaOrder.favoritePizza);

但是,这给了我错误:未捕获的 TypeError:无法将属性“innerHTML”设置为 null。这是我的自定义元素 my-form 的完整代码:

0 投票
1 回答
494 浏览

stripe-payments - Polymer 2.0 Stripe 支付请求按钮集成

我在使用 Polymer 2.0 将 STRIPE 付款请求按钮集成到我的 PWA 中时面临挑战。我无法将条纹支付按钮添加到元素的模板标签内的 div 中。

我创建了一个条纹支付元素。它基本上是一个简单的聚合物元素,带有模板 dom-bind 和卡片内的基本 div 标签。

我想做的是将条纹支付请求按钮添加到 div id = hostcard. 目前,条带支付请求按钮以全宽 100% 显示在页面顶部。

在下面的元素代码中的注释中插入了关于我尝试过的内容的代码。

有 2 个问题: 1. 如何将按钮添加到 div 主机卡,以便它显示在卡内?2.有没有更好的方法来显示聚合物元素的付款请求按钮?

条纹支付.html

0 投票
1 回答
205 浏览

polymer - Dom-repeat 在聚合物 2.0 中的 IE 表格中不起作用?

您好先生,我已经创建了 web 应用程序,其中 dom-repeat 在 chrome 浏览器中可以正常工作,但在 IE 中它不能在表格标签内工作。我正在使用

0 投票
1 回答
92 浏览

polymer - window.addEventListener 对用户单击聚合物 2.0 中的浏览器后退按钮不起作用?

我已经使用聚合物 2.0 创建了 Web 应用程序,但是我必须单击后退按钮才能退出浏览器如果用户单击浏览器的后退按钮,我必须显示警报我尝试过 window.addEventListener 但仍然得到错误。

0 投票
1 回答
634 浏览

polymer-1.0 - ERROR 错误:在 ionic3 中找不到具有名称的控件?

我已经使用 ionic 3 创建了一个应用程序,然后单击登录链接我收到此错误“找不到使用 fname、电子邮件、号码、gstNumber 的控件,我尝试使用 formGroupName 而不是 formControlName 但仍然无法正常工作请帮我弄清楚我做错了什么,我已经包含登录页面和createAccount?`

`

0 投票
2 回答
427 浏览

polymer - 重置聚合物中页面的状态

我有一些铁页,其中“主页”是我的主页。它里面有一堆游戏卡,当用户点击一张卡时,它会开始一个带有一堆问题的测验。当我返回主页并再次单击卡片时,它不会开始测验。它只是从以前的状态继续。我怎样才能让它重新开始测验。以下是我的页面。我正在使用 Polymer 的入门套件

0 投票
0 回答
25 浏览

polymer-2.0 - 聚合物铁数据表-定制扩展-单项扩展

我对聚合物很陌生,我正在尝试在polymer2.0上使用它

但无法正确集成演示中给出的脚本

我的代码结构是这样的

谢谢你。

0 投票
2 回答
64 浏览

javascript - 如何在聚合物中创建静态对象

我有以下用例。

我的 web 项目中的根文件是index.html. 我想创建一个存储用户信息的对象,以便可以从项目中的任何聚合物 Web 组件访问它,而无需将其显式传递给任何 Web 组件。这可以做到吗?这类似于Singleton许多面向对象编程语言的方法论。谢谢你。

0 投票
1 回答
187 浏览

google-chrome - Chrome(打开)Shadow DOM 事件未到达主机

我正在运行 Chrome 56.0.x(企业授权)和 Polymer 2。我的示例组件没有做任何花哨的事情;只需在进行简单的 AJAX 调用后引发 CustomEvent 。我正在设置“bubbles”:true 和“composed”:true,我可以验证事件是否已分派,并且我的主机是否正在正确侦听该事件。

示例组件.html

但是,这些事件永远不会从 Shadow DOM 中传给我的主机页面侦听器。

索引.html

有趣的是,当我有一个用户发起的事件(例如点击)触发这个 CustomEvent 时,它会很高兴地通过 Shadow DOM 到达我的监听器。只是以编程方式创建的事件被卡住了。

更新 1

这个问题似乎只在我在本地服务我的网站时才出现(例如http://localhosthttp://127.0.0.1http://COMPUTERNAME)。当我将站点发布到另一台主机时,所有事件似乎都按预期传播。在这一点上,我感觉更像是一个 Chrome 问题......

更新 2

我把我的代码放在 github 上:https ://github.com/davidfilkins/polymer-test 。

我做了更多的测试,结果越来越奇怪......当我在 Chrome 中开发/测试时,我几乎总是打开开发工具。我奇怪地注意到,当我的工具打开时,主机页面(index.html)没有捕获该事件......但这似乎只发生在本地。当我关闭工具并在本地加载页面时,事件会正确冒泡……但这仅适用于与显式用户操作无关的调度事件;无论工具是否打开,这些似乎都有效。

当我访问我创建的简单 Azure 应用程序时 - http://samplepolymertwo.azurewebsites.net/index.html - 无论工具是否打开,所有事件都会冒泡/捕获。

不知道这是否在最新版本的 Chrome 中得到修复。

0 投票
0 回答
231 浏览

node.js - 异步不等待回调中的等待

我有一个必须是异步的函数,因为我需要它在某个时候休眠半秒,但我希望它是完全顺序的。我正在执行以下操作:

我想checkNearestStreetView在代码继续运行之前完全运行,所以我正在尝试await它,只有在它完成后才能继续。但是使用上面的代码,checkNearestStreetView异步运行,我在控制台上得到以下输出:

意思是只有在其他所有东西都运行后才checkNearestStreetView结束运行,即使我告诉它函数(和)。我可能对这个主题有误解,请帮助我了解为什么会这样!awaitgetPanoramaByLocationawait