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

polymer-2.x - Polymer2.0-是否可以用Shaow DOM下载完整的DOM内容?

在使用编辑选项更新自定义元素后,我正在尝试下载自定义元素

https://codepen.io/nagasai/pen/PKNeMw

在上面的示例中,我可以下载带有 x-foo 自定义元素的文件,但是当我编辑它的值并尝试下载时,我只能看到 DOM 内容而没有影子 DOM

HTML:

JS:

0 投票
1 回答
114 浏览

polymer - 聚合物 2 中具有多种颜色的多个复选框

我有多个复选框,想用多种颜色检查它。为此,我有覆盖paper-checkbox,但所有元素都被覆盖。我的脚本:

我想将项目 1 设置为红色,将项目 2 设置为绿色。我应该怎么做?我是聚合物新手。

0 投票
2 回答
155 浏览

polymer - 如何在 Polymer 2.x 的 app-drawer-layout 中缩小抽屉和主要内容之间的差距?

我有一个app-drawer-layout元素,在其中,我希望抽屉内容(蓝色)与主要内容(黄色)齐平,它们之间没有间隙(白色)。请注意,我将其从默认更改--app-drawer-width为。这可能是造成差距的原因。这是一个错误吗?还是我编码错误?100px256px

这是JSBin。 注意:查看演示时,请确保输出窗格的滑动宽度足以使抽屉可见。如果输出窗格太窄,抽屉将被隐藏。

应用程序抽屉布局

在此处输入图像描述

http://jsbin.com/lulenamavo/edit?html,输出
0 投票
1 回答
375 浏览

polymer - Polymer 2.x 中使用 Mixins 进行状态管理的工作演示

在这里,我正在尝试构建一个工作演示来实现由@CaptainCodeman 编写的这篇博客文章中包含的代码——在 Polymer 2.0 中管理状态——超越父/子绑定在没有 Redux 的分离的 DOM 元素之间共享状态

我收到以下错误。

run.plnkr.co/:5 获取https://cdn.rawgit.com/download/polymer-cdn/2.0.0/lib/webcomponentsjs/webcomponents-lite.min.js

run.plnkr.co/:1 获取https://polygit.org/polymer+v2.0.0/shadycss+webcomponents+1.0.0/components/my-options.html 500 ()

run.plnkr.co/:1 获取https://polygit.org/polymer+v2.0.0/shadycss+webcomponents+1.0.0/components/shared-styles.html 500 ()

my-view2.html:26
Uncaught ReferenceError:
MyOptionsMixin 未在 my-view2.html:26 中定义

有没有人有这个工作演示?

我的选项.html 我的-view2.html

编辑:工作演示(已接受的答案分叉和编辑)

0 投票
0 回答
460 浏览

progressive-web-apps - 在 PWA 的会话存储中存储访问令牌的常用方法是什么(使用聚合物 2.0)

我的情况如下:我最近使用 OWIN 和 OAuth 制作了一个安全的 C# Rest-Service 来存储一些数据并稍后使用 PWA 访问它。我从登录开始。

我目前的问题是:我在哪里存储我的 Rest-Service 提供的访问令牌?我将在其他视图中需要它,因为它必须在我发送到安全 Rest-Service 的每个单独的休息请求的标题中。

我会在 Polymer 2.0 中使用 serviceworker 还是一些新的会话存储方式(旧方式似乎已被弃用)或其他方式?

我想在这里问这个问题,然后我自己盲目地选择一个选项,然后每当我找到“更好”的方式时都必须重新写一遍。

0 投票
1 回答
157 浏览

polymer - 有没有办法为纸张输入动态设置字符计数器最大长度

我想为不同的数据设置不同的maxlength,我尝试通过在maxlength中编写一个方法但它没有用,所以还有其他可能吗

0 投票
3 回答
446 浏览

polymer - 将 Polymer 2.x 事件处理程序绑定到全局函数?

我有一些不在元素/应用程序内的 Polymer 元素,我不知道如何将它们的事件处理程序(例如 )附加on-click到全局 javascript 函数。

例如,假设我的代码看起来像这样

这不起作用,因为on-tap期望绑定到封闭元素的属性(我猜)。我有哪些选择?

0 投票
1 回答
134 浏览

polymer-2.0 - Polymer paper-radio-group 允许选择多个单选按钮

我正在尝试添加一个单选组,但单选按钮允许多项选择。我只导入了 paper-radio-group。如何让它一次只选择一个单选按钮。

0 投票
1 回答
95 浏览

angularjs - 从聚合物模板触发角度法

聚合物模板

我可以将数据从角度应用程序传递到聚合物组件。有什么方法可以触发聚合物组件的角度事件。

0 投票
1 回答
33 浏览

javascript - 使用未发布的 Polymer2 自定义元素

我是使用 Polymer 2 的新手。我创建了两个自定义元素,我们称它们<a-elem><b-elem>. 我想在一个名为<c-elem>. 所以在开发时<c-elem>我不能仅仅bower install --save a-elem b-elem因为这些还没有在线发布。但在一起测试所有内容之前,我不想发布它们。我可以复制他们的目录并将它们粘贴到 /bower_components 文件夹中,c-elem但由于 /bower_components 是一个生成的文件夹,它不会被推送到私人 git 存储库,所以每当同事想要使用c-elem,他会缺少这些依赖项。请记住,我对 Web 开发非常陌生,并且希望遵循最佳实践,所以这对你们中的一些人来说可能是一个简单的答案。经过几个小时的研究,我找不到任何“聚合物的做法”。所以也许只是创建一个文件夹 /lib 并将它们复制到那里?a-elem但是随后我所做的所有更改b-elem都不会更改c-elem.

我怎样才能以正确的方式包含a-elemb-elem进入c-elem(最好是设置依赖项)?

编辑:此外,如果解决方案是将元素复制到 /lib 文件夹中,则演示中的 html 导入c-elem将完全错误。所以我必须创建一个完全不同版本的a-elemand b-elem。这不可能是唯一的方法。