是否有一种简单的方法可以将禁用的属性或选中的属性绑定到真/假属性？差不多 Ok 没有按预期工作。如果myBooleanProperty为false，则设置disabled=“false”，就HTML而言，这是真的 是否有一个筛选器表达式可以向绑定解析器提示，如果值为false，则应完全删除该属性？请参阅条件属性： 例如： <button disabled?="{{myBooleanProperty}}">Ok</button> Ok 如果您使用的是Polymer

是否可以确保某些自定义元素仅在特定自定义元素中可用？ 例如，我创建了一个站点标题和一个帮助图标元素 <polymer-element name="site-heading"> <template> <h1> <content></content> <content select="help-icon"></content> &

例如，假设我们要执行querySelectorAll（“canvas”）来获取文档中的所有画布，包括阴影dom中的画布。聚合物有可能吗？没有。有一段时间，有人建议您可以使用/deep/组合器，但发现它不利于封装，因此被弃用。依赖它的代码将被破坏 相反，如果需要的话，您可以选择一个元素，专门查看它的影子根并在其中进行查询。对html元素调用querySelectorAll怎么样？@positlabs应该与/deep/combinator一起使用。您如何在组件中使用querySelector？例如，

我在概念上有点困惑。我创建了一个builder组件，用于通过AJAX post管理数据输入。返回时，我将有一个JSON对象，可以呈现给客户端。最理想的情况是，我想实例化一个新的呈现组件，将JSON对象传递给它，然后销毁构建器组件（第二扇门是一个简单的页面重新加载，但对于21世纪的钉子来说，这看起来像是一把90年代的锤子） 代表性（简化）构件： <link rel="import" href="/bower_components/polymer/polymer.html"> <l

我正在使用这个模板 <template repeat = "{{cover in covers | keys}}"> <div class ='item'> <img src="{{cover}}"></img> </div> </template> 但是当我调试时，当ready事件被触发时，重复还没有结束，所以我的css样式没有发生变化。最好知道您正在尝试添加什么css。通常，您不应该尝试自己管理

这是polymer-project.org的核心卷轴标题面板演示： 怎么了： 将鼠标放在某个列表项上并向下滚动鼠标滚轮 =>您将看到所有内容（列表）都被滚动，核心工具栏将其高度更改为最小高度，然后在屏幕上向上滚动。 一切都好 现在将鼠标放在核心工具栏的某个位置，向下滚动鼠标滚轮。 =>什么也不会发生 问题是： 我应该怎么做才能使鼠标指向内容和核心工具栏都有相同的滚动条 例如，文档中的页面没有此类问题（）。似乎它使用了其他聚合物成分（或者可能不是聚合物，我不知道） 感谢您的帮助。之所以发生这种情

从polymer starter kit 1.1.0开始，我将工具包中的所有现有代码修改为ES6/ES2015，包括以下代码：gulpfile.js、app.js、routing.html、my-greeting.html、my-list.html、my-greeting-basic.html和my listing basic.html。按照文档文件夹中的es6 babel配方说明操作后，我运行了gulp serve，以验证应用程序是否正常工作，但所有现有测试都失败，并显示以下消息 chrome

我曾尝试在我的应用程序中使用中描述的CSS混合来设计纸张输入元素的样式，但我无法将其用于字体大小和纸张输入 我尝试了以下自定义元素： <dom-module id="test-element"> <style> :host { --paper-input-container-input { font-size: 30px; }; } </style> <template>

为了在web组件中使用javascript库，我看到了将它们包装成html导入的模式，如下所示： （moment.html） （component.html） 而不是直接在component.html中导入脚本。仅使用html导入有什么好处吗？直接将其嵌入html有很多好处：它消除了额外的HTTP请求（这会降低网页加载速度，但请求延迟时间会缩短） 然而，成本是可维护性，这意味着您的component.html文件现在直接依赖于一些本来会被抽象掉的东西（通过moment.html——因为com

假设我创建了一个自定义元素，如下所示： <chat-container messages="{{ messages }}"></chat-container> 我试着做： <chat-container messages="{{ app.messages.filter(function(e) { return e.name === 'Rajat'; })[0].messages }}"></chat-container> 聚合物不支持这种复

在与dom repeat结合使用时，Polymer的数据绑定功能遇到了一个问题。我想知道为了让这一切顺利，我缺少了什么 在某些情况下，使用repeat元素（例如输入框）时，数据绑定似乎可以正常工作。但是，由于某些原因，在按钮上使用点击事件并在关联项对象上编辑字段似乎不起作用 这是我的SSCE（Plunker:）： index.html ========== 测试 单击“切换”按钮在编辑和查看模式之间切换 dummy_element.html ================== 查看模式：{{

我正在尝试编写聚合物应用程序 下面的代码在onLogin中调用updateItems时出现了问题 它不识别该功能 我也试过了 Polymer({ is: 'my-view1', updateItems : function(snapshot) {...}, onLogin : function(user) { this.ref = ... ; this.ref.on('value', function(snapshot) { upd

我正在尝试调用动态自定义元素的方法。只有在自定义元素的html文件的脚本标记内进行调用时，它才起作用。但是当在另一个自定义元素的script标记或index.html的script标记中进行调用时，我得到错误：“methodname”不是控制台中的函数。谢谢你的回复。对于上下文，下面是一个片段 // in my custom element html file .... <script type="text/javascript">

我正在读有关 我复制/粘贴了highlight behavior.html的示例： <script> HighlightBehavior = { properties: { isHighlighted: { type: Boolean, value: false, notify: true, observer: '_highlightChanged' } }, listeners: { click

如何使灵活并垂直填充的视口 底部的白色条应为黄色： ：主持人{ --app原色：var（--paper-靛蓝-500）； --app二次颜色：黑色； --铁选择器背景色：#fff； --所选铁：#c5cae9； --菜单链接颜色：#111111； --抽屉工具栏边框颜色：1px实心rgba（0,0,0,0.22）； --抽屉菜单颜色：#ffffff； --次要文字颜色：#7373； 显示：块； } 应用程序标题{ 颜色：#fff； 背景色：var（--app原色）； } 应用程序标题纸图标按

我想用聚合物做一些非常简单的事情。我正在尝试使用函数传递属性 <dom-module id="my-fixtures"> <template> <fixtures-list fromdate="[[_requiredDay(24)]]"></fixtures-list> </template> <script> Polymer({ is : 'm

我有一个包含表单和文本输入的Polymer 2“搜索”组件。组件使用提交时的处理表单元素上的表单提交=“\u handleFormSubmit”，处理函数调用事件.preventDefault（）。在实际应用程序中使用时，它的工作原理与预期一样-表单提交不由浏览器处理，因此没有页面刷新。此外，处理程序还创建一个自定义搜索事件，该事件将在组件上激发。代码如下： <link rel="import" href="../bower_components/polymer/polymer-eleme

我正在尝试将web动画添加到我的应用程序中。 我想避免使用霓虹灯动画，因为它现在已被弃用 我阅读了以下说明：但我不知道如何在我的案例中使用它： 我有一个包含两个自定义元素的页面，如果路线匹配，则会显示这两个自定义元素： <app-route route="{{route}}" pattern="/list" active="{{listActive}}"></app-route> <app-route route="{{route}}" pattern="/prod

我认为这不是的副本，因为它是关于Polymer cli版本1.8和Polymer 3的更新版本 我创建了一个非常简单的组件，当从根路径提供服务时，它可以与“polymer serve”和“polymer build”一起工作 根据文档，您可以使用--base path build选项为非根路径构建应用程序。然而，这似乎并不适用于所有资源 示例项目位于github上 基本要素： index.html <!doctype html> <html lang="en"> &l

我已经创建了使用marked.js库的。我想知道，在其依赖项中加载的推荐方式是什么 我应该只使用脚本标记吗 <script src="../marked/lib/marked.js"></script> 或者将我的所有依赖项放入html导入并链接到该文件会更好吗。在这种情况下，我只有一个依赖项，但我可以轻松地拥有更多 <!-- in scripts.html --> <script src="../marked/lib/marked.js">

下面的HTML是从一个简单的示例复制而来的，该示例旨在通过嵌套在这些空间中的子自定义元素，从包含主视图（应用程序页面）的区域中正确填充100%的高度。（应用程序使用pub下载的dart polymer包。）容器使用polymer的布局属性（flex模型）实现。一个简单的自定义元素（文本内容）嵌套在#left div元素中。使用W3C网格布局的更复杂的自定义元素嵌套在#right div元素中。#右侧的四个矩形被正确渲染和着色，只是我的gridcontent的高度溢出了空间 [编辑：屏幕截图是我看

我想创建显示其内容的自定义元素，如果点击内容，它将显示在“纸张”对话框中。我有： <paper-element name="my-element"> <template> <div vertical layout center on-tap="{{contentClicked}}"> <content></content> </div> <

我试图使用元素，它是由创建的，在我使用Polymer创建的web组件内部，但它选择了尽可能最小的图像，因为没有从容器元素获取任何尺寸 我曾经尝试过给：host一个display:block，以及其他无数的尝试，用样式来做这件事，包括确保容器是100%，但没有任何效果 下面是一个使用最小图像显示聚合物制成的元件的示例，然后它自己的元件显示正确的图像 请注意，在live codepen版本中，由聚合物元素创建的（水平规则）元素为全宽，因此可以理解容器的正确宽度 这是代码笔中的代码： ``` ：主持

dom repeat元素提供了一个filter属性 使用铁名单是否有类似的过滤方法 例如：给定一个人员列表，我想筛选在特定城市出生的人员。由于铁名单没有提供过滤器属性，因此没有声明模式可以实现这一点 您可以使用dom repeat的filter属性实现自己的简单列表元素。（随着元素继承在未来的版本中回归，您可能会扩展铁名单） 但是，我目前看到的最佳实践是使用计算属性： <template> <iron-list items="[[filterItems(items)]]"

我使用条件模板分发传递到元素中的内容。如果条件为true，它将显示第一个内容元素，否则显示第二个内容元素。我注意到，当我更新条件时，已经分发的内容没有更新。一旦它是可见的，它将保持可见。 我的第一次尝试是这样的： <template is="dom-if" if="{{test}}"> <content select=".first"> </content> </template> <template is="dom-if"

我从polymer 1.0开始，创建了一个新的管线端点，如下所述 page('/users/:name', scrollToTop, function(data) { app.route = 'user-info'; app.params = data.params; }); 因此，如果我转到users/bob，它将转到route“user info” 在my index.html中，路由定义如下 <section data-route="user-in

我创建了一个自定义元素来显示聊天列表，如下所示： <dom-module id="contact-element"> <style> --paper-card: { width: 100%; } .edit{ display: block; } .last{ color: #A7A7A7; font-size: 14px; margin-top: 4px; }

我现在被纸张输入元素卡住了 我解释说，使用InternetExplorerEdge，处于禁用状态的纸张输入元素的标签和值是重叠的。 我必须启用纸张输入、编辑，然后标签在纸张输入的顶部移动 有人修复了吗？每当遇到此类问题时，我通常将“始终浮动标签”属性设置为解决方法。这样，当值为空时，标题也会浮动，但至少没有重叠；） HTML代码，快速简便，设计影响小： <paper-input always-float-label disabled label="Label"></paper-

我想通过仅单击纸卡的标题来切换纸卡元素内容的打开/关闭状态 当我在打开的内容中单击时，我希望卡片保持打开状态。并且不会切换到关闭状态 http://jsbin.com/kecemorojo/edit?html，输出 <!doctype html> <head> <meta charset="utf-8"> <!---- > <base href="https://polygit.org/components/"> &l

首先，我是一个不学无术的人，所以如果我问了一些愚蠢的问题，或者如果同样的问题已经在其他地方得到了回答，请原谅：我可能不知道有效搜索主题的权利术语 这就是我的问题。我正在尝试使用聚合物创建仪表板。因此，我将有一个导航栏/菜单，有许多选项（合同、日历、管理页面…）。在查看polymer starter工具包及其演示时，我们被告知将与导航抽屉相关的所有页面放在index.html文件中，在标记之间 但是，这些页面可能包含很多代码，并且会有很多页面（目前为12页）。我担心index.html很快就会变得

我有点惊讶，我还没有找到一个解释来解释如何做到这一点，因为它似乎是调试的基本要素，但我找不到任何地方如何在Polymer中打印对象的属性 我在学习聚合物，我经常遇到这样的情况：我有一个对象，但我不知道对象的属性是什么。（例如，我打印到窗口，得到[object object]。我找到了一些关于如何打印对象的键/属性列表的说明（如果我知道这些键是什么，我知道如何打印这些键的值），但如果我还不知道数据的格式，我不知道如何获取密钥。每个示例都假定您已经知道属性是什么 我看到一些解决方案建议添加如下脚本：

我开始为我的应用程序中的一些元素构建一个测试套件。在顶层我有一个元素，在它的模板中使用了我最终找到了答案 必须在实例化设备之前调用这两个函数。原因是存根更改了原型元素（即在其创建之后，但在其标记到dom之前，所以它需要在fixture之前执行） replace函数实际上在映射中添加了一个条目，以便在实例化设备时使用。因此，需要在fixture调用之前再次调用它 到今天为止，最新版本的web components tester没有包含允许在高度嵌套的元素上使用此功能的修复程序（例如，我尝试测试我的

我正在尝试使用Polymer中的应用程序位置和应用程序路由在我的URL中传递变量，但子例程似乎没有拾取变量。谁能帮我找出我做错了什么 代码： 路由路径显示为/variable/variable，但项目和场景为空 任何帮助都将不胜感激。下面的代码使用两个元素来监视完整的URL。 第一个将绑定到项目值，并为第二个元素输出{{subcute}} <app-location route="{{route}}"></app-location> <app-route

我的firebase应用程序配置也是如此 <!-- NOT THE REAL VALUES ---> <firebase-app auth-domain="<auth domain>" database-url="https:DATABASE url" api-key="API KEY" storageBucket= "thebucket.appspot.com"> </firebase-app> 每次我尝试上传图像时，都会出

我正试图通过Polymer cli捆绑我的Polymer应用程序。我的应用程序为一个简单的页面提供高达275kb的数据 在我的polymer.json文件中，我用src/my-app.html作为shell分割了所有自定义polymer元素。问题是，在构建我的应用程序之后，我的src/my-app.html在捆绑文件夹中的大小为273kb。这是一个很大的尺寸，考虑到这样一个事实，我将Angular和React放在一边，只是为了实现更少的bundlevendor bundle大小和更多的分块文件以

下面是一个纸质对话框实现。它在dialog元素的顶部和底部包含空格。我想消除空白 如何实现这一点？您的CSS混合（--paper menu）应该在规则内声明（当前在任何规则之外）。我会将其移动到纸质菜单中规则： paper-menu { margin: 0 !important; padding: 0 !important; } 仅供参考，该空格来自 <!doctype html> <head> <meta charset="utf-8">

在我的应用程序中，我有两种不同的设置选项卡的方法，一种有效，一种无效。不知道我做错了什么。这两个示例都位于自定义元素模板中 这种方式有效： <paper-tabs id="clinic-tabs" selected="{{clinicId}}" attr-for-selected="cid" scrollable> <template is="dom-repeat" items="[[clinics]]" filter="_shouldDisplay" observe="a

这个问题是关于ES6 web组件（与Polymer 2.0兼容）的vaadin上下文菜单version 3.0.0-alpha1 在下面的屏幕截图中，我希望标记为“注销”的纸张项目与标记为“编辑配置文件”和“首选项”的纸张项目看起来相同 具体来说，当不悬停时，我希望所有三个都有： paper-item { background-color: white; font-weight: normal; } 这是我的密码 my-el.html 纸品{ 光标：指针； --纸上项目：{/*似乎

我用app-location和app-route替换了应用程序中的PageJS路由，除了查询参数外，其他一切似乎都正常工作。我注意到它只能读取像host？param1=val1 35;/view，而不能像PageJS过去那样读取host#view？param1=val1 经过进一步的挖掘，我发现这实际上是一个。我发现PageJS和Angular可以使用非标准的查询字符串格式很奇怪 是否有方法使用app route的query params属性读取非标准查询参数以实现向后兼容性 非标准表单在Pag

我遵循Polymer 2教程，创建了几个带有index.html的测试应用程序，加载应用程序外壳组件，然后根据需要惰性加载所有子组件 现在在我的实际应用程序中，我有一个SPA和一个Rest后端，我需要用户首先使用外部令牌服务提供商TSP登录，以访问大部分后端接口。后端知道TSP，并且每当进行需要经过身份验证的用户的REST调用时，如果尚未登录，则默认情况下后端会将客户端重定向到TSP的登录页面。然后，登录页面将重定向回我的应用程序 问题是，我当前的Polymer应用程序外壳已经加载了太多的内容，

我正在尝试用聚合物创建一个电子应用程序。我尝试使用导入自定义元素 <link rel="import" href="src/lux-app.html"> 它没有使用正确的路径。我研究发现，导入仅在服务器（如本地主机）上工作。有没有办法在electron或类似的东西中运行localhost 多谢各位 编辑： 下面是文件结构 lux-app |── bower_components |── images |── lib └── artnet.js

我正在尝试隐藏应用程序标题aka app header。当应用程序头被隐藏时，它确实会漏掉很多空白。 我已经定义了 Wrap很抱歉，我没有提到我添加了[hidden]{display:none！important；}隐藏元素只是隐藏它。但它仍然被渲染。所以如果模板由于条件而呈现或不呈现，则在dom之间进行换行。或重新渲染。所以我认为最好的选择就是这个选择。

当selectedWidget.id值更改时，观察者不会检测到更改 这位观察员： 观察者：['functionOberveId（selectedWidget.id）' 代码hola-mundo.html为： h1{ 颜色：蓝色； } 你好，世界 变化值 showValuebahviourId 聚合物({ 是：“hola mundo”， 行为：[隐藏]， 观察者：['functionOberveId（selectedWidget.id）'， functionOberveId:function（

我的应用程序是用Polymer 1构建的，我无法用Polymer团队的升级工具将其升级到Polymer 3。 因此，我想使用新的聚合物3组件和语法构建新的开发和元素，有没有办法在聚合物1和3之间实现这样的混合应用？ 如果是的话，我想看看现在如何处理添加聚合物3核心到它。 否则，是否可以添加Polymer 2元件和芯，因为第三版不起作用。 现在我正在使用bower，在bower.json中我已经： "dependencies": { "polymer": "polymer/polymer#

在我的polymer应用程序中，我有一个元素包含项目列表，另一个元素的形式是CRUD这些项目 从表单元素插入新项后，如何指示其他元素重新提取模型数据？（从而重新绘制列表项）使用dom查询查找列表并调用更新方法。或者，绑定用于通知更改列表的变量。当表单元素更改属性值时，使用列表元素中的观察者执行更新代码。我正在使用 假设核心ajax用于插入一个新项，则在核心ajax响应上触发事件“insert_done” List元素应该捕获该事件并获取项目，这次是新项目 这是一些一般的答案，但您可以共享一些代

嘿，我正在尝试创建一个简单的拖放。是否可以动态设置元素的样式。我的代码将更加明确： <link rel="import" href="../bower_components/polymer/polymer.html"> <dom-module id="wireframe-view"> <template> <div on-tap="handleTap" style$=width:{{ width }}px; background

抓住元素paper ripple为动画结束事件附加事件侦听器的最佳方法是什么？此元素将位于dom repeat中。我尝试从Polymer.dom（event.localTarget）获取孩子但没有成功。点击的需要留在父项中 <div on-tap="goToSingleListing" data-listingID="[[url.listing_id]]"> <paper-ripple></paper-ripple> ... g

我正在尝试构建一个应用程序，其中一些元素的状态取决于其他元素中的操作。此外，这些元素具有一些公共属性和方法，我认为应该使用mixin来处理这些属性和方法。不幸的是，我似乎无法让mixed-in属性更改触发另一个方法中的方法 一些背景：这是为了构建一个数据可视化应用程序，其中相同数据的不同视图（因此mixin中的“数据”属性）在不同的元素中处理，在其中选择一些点应该突出显示其他图中的相同点。我想双向绑定起到了一定的作用，但我就是不能让它工作。。。因此，非常感谢您的帮助。 或者有更好的方法在元素之间

我试图将值传递给dom repeat模板，但行为默认为数组中的第一项。我试图从字符串数组中设置一个字符串 父组件 <select value="[[entry.method]]" on-change="_changeMethod"> <template is="dom-repeat" items="[[entry.methods]]"> <option value="[[item]]">[[item]]</option> <

我的查询选择器或getElementById总是返回null，有人能解释一下原因吗？尝试了我能想到的一切（并在互联网上找到），但没有任何效果 @customElement('my-element') export class MyElement extends LitElement { @property({type : String}) carousel = document.querySelectorAll("[data-target='carousel']"); connectedCa