Polymer 聚合物:如何创建重复的动态元素?

我有一个名为editbox的聚合元素,它充当基于传入数据的一组未指定元素的容器 <link rel="import" href="/assets/bower_components/polymer/polymer.html"> <link rel="import" href="/assets/elements/field-text.html"> <link rel="import" href="/assets/elements/field-hidden.html"&g

Polymer 优雅地降解自定义元素(或聚合物元素)

许多开发人员一直在想,在定制元素(或聚合物元素)中应该如何实现优雅的降解。这适用于未使用polyfills、不支持Web组件或仅关闭JavaScript的用例 有没有人想到应该怎么做?我认为这是合理的。这就是大多数(并非所有)HTML元素的工作方式。查看过去的这篇文章:有两种类型的自定义元素,我们通常对添加对优雅降级的支持感兴趣:扩展本机HTML标记的自定义元素和不扩展本机HTML标记的自定义元素 自定义元素支持以本机方式扩展已烘焙到平台中的元素(例如,)。一种方法是使用is语法。因此,如果您要

Polymer 有没有一种方法可以手动渲染聚合物中的模板?

聚合物提供了模板和数据之间的自动双向绑定,这非常好。它还提供一次性绑定。有没有一种方法可以实现一次性绑定并在以后刷新?我喜欢聚合物模板的表现力,但我不确定轮询的性能。(我们有非常复杂的dom)。我们正在研究在聚合物中使用FRP(可能是Bacon.js)的可能性 提前谢谢 我对此类问题的反应通常是:您是否确实观察到了性能问题 请记住,如果浏览器支持Object.observe(),则不会进行轮询。如果该功能不可用,Polymer会默认轮询以刷新数据绑定系统并传播更改。这也不一定意味着DOM会改变。

Polymer 链接纸张菜单按钮内的纸张项目

我想用聚合物做一个小烧瓶项目。我不认为烧瓶这一方面在困扰我。当我点击“编辑物种”的纸张项目时,我不会去任何地方 <body> <core-header-panel flex> <core-toolbar class="medium-tall"> <paper-menu-button icon="menu"> <paper-item label="Home" cen

Polymer 聚合物:我可以动画模板,如果?

在我的元素的DOM中,我有一个模板: <template if="{{alert}}"> <div>hello world</div> </template> 你好,世界 在组件的代码中,当更改this.alert并且呈现或删除模板时,我希望对其内容应用CSS转换。这可能吗?您可以在Javascript中监听警报的更改,并在那里处理css内容 <div id="hello">hello world</div> a

Polymer 是否仅使用聚合物(0.5.1)滚动到动画顶部?

我在屏幕右下角创建了一个造纸厂。我希望这样,当用户单击此按钮时,它会滚动到页面顶部(带有动画)。有没有办法用Polymer而不是jQuery/JavaScript来实现这一点?谢谢你的帮助 您可以创建自定义元素 <link rel="import" href="/bower_components/polymer/polymer.html"> <link rel="import" href="/bower_components/paper-fab/paper-fab.html"&

Polymer 主机上下文和用户状态

我想知道是否可以将主机上下文与元素用户状态相结合。 例如: <polymer-element name="my-element"> <template> <style> :host(:hover) { background-color: blue; // For all other situations } :host-context(my

Polymer 使用google places自动完成聚合物纸张输入

是否可以将纸张输入组件的输入连接到库?我正在尝试将places下拉效果与相结合,您可以使用以下代码使用聚合纸输入获得google places自动完成 首先,您需要导入google地图web组件 您可以从下载谷歌地图元素 然后可以使用以下代码。在页面加载时调用初始化函数。当您在输入中键入任何地址时,将显示“自动完成”,当您从“自动完成”中选择任何项目时,将启动回调 <paper-input id="search"></paper-input> <script&g

Polymer 聚合物元件外的模板重复

这样的东西在聚合物元素之外是可能的吗 我希望能够从json中获取数据并将其作为菜单项插入,但在聚合元素中工作良好的东西在这里不起作用。有什么我遗漏了或这是不可能的吗 <html> <head> [...] </head> <body> <core-toolbar> <paper-menu-button id="dropDownMenu"> <paper-icon-button id="ico

Polymer 从聚合物芯列表中获取所选项目的索引

我正试图用键盘键滚动一个简单的核心列表。 以下是核心清单: post list.html <core-list data="{{posts}}" selectionEnabled="true" selection="{{selectedPost}}" on-core-select="{{selectedHandler}}" fit > <template repeat> <post-card post="{{model}}" index="{

Polymer 防止聚合物将子元素类设置为样式范围

我在迁移到Polymer 1.0时遇到一些问题 我的主要问题是,“样式范围”和“我的元素”类应用于元素中的每个子节点。当使用类似的东西时,这不是问题: <paper-dialog modal class="vertical layout"> <div class="top"> <div class="green">{{format(inputtext)}}</div> <template is="dom-repeat

如何在Polymer 1.0中实现MVC模式?

我们能为聚合物元件定义控制器吗?例如,我有一个ListView作为元素,现在我想在controller中实现onClickEvent(),以使业务/其他逻辑与视图分离。聚合物中有视图控制器绑定吗?聚合物元素的基本结构为您嵌入了MVC解决方案,不是吗 例如,一般结构是: <dom-module id="my-module"> <!-- Imports go here --> <link rel="import" href="../bower_component

Polymer:此.set在更改子属性时不更新父元素属性

使用聚合物1.1。使用以下设置,数据绑定似乎无法正确更新(如预期的那样): Polymer({ is: 'place-detail', properties: { selectedplace: { type: Object, notify: true, reflectToAttribute: true //testing } }, observers: [ 'placeHandler(selectedplace)' ], editName: function

polymer/page.js在javascript中更改路由而不引起页面刷新

我使用聚合物初学者工具包来构建我的应用程序。我删除了URL中的hashbang 我正在尝试构建一个登录屏幕,成功登录后,我想将页面更改为默认路径。要做到这一点,我在app.js中有一个成功登录的侦听器。成功登录后,我更改了导致页面刷新的路由。我尝试了多种选择: 位置='entireUrl' location.pathname='/route' 位置='路线' 所有选项都会导致页面刷新。是否有任何方法可以在不导致页面刷新的情况下对此进行编码。page.js不应该捕捉到这一点,在没有页面刷新的情况下

Polymer 1.x:从铁名单中删除一项

我正在尝试使用以下代码从铁名单中删除一个项目 my-element.html <iron-list id="list" items="[[items]]" as="item" selected-items="{{selectedItems}}" selection-enabled multi-selection> <template> <my-item item="[[item]]" on-tap="_onIt

Polymer 在“聚合物”中,如何将纸吐司右上方对齐

如果我没有弄错的话,这一点最近已经改变了。 请看下面的示例: 我想要的行为与从左下角出现的行为相同,而是从右上角出现 我该怎么做呢?纸吐司的创建如下所示: 进入时,蛇形条从屏幕的底部边缘向上移动。当它们出现时,它们不会阻止输入 所以它们并没有真正为我们提供改变动画方向的方法 但是,您可以使用fitino属性使烤面包片显示在某个容器中,如果您将该容器设置为在窗口顶部具有固定位置,则可以获得与所需行为类似的行为 下面是一个如何做到这一点的示例: <div id="container" sty

Polymer bower安装后的聚合物自动包括组件

我想知道是否有一种方法可以在安装bower后自动包含组件。或者更好:在编写之后自动包含并安装,就像Eclipse为您所做的那样 比如:bower安装——保存相关信息/app布局 在那之后 <link rel="import" href="../../bower_components/app-layout/app-header/app-header.html"> 在所有相关文件中。到目前为止,我还没有看到任何IDE/文本编辑器的插件。如果有人决定创建这样的插件,它可能会使IDE

Polymer 如何防止纸张输入中的无效输入?

如何防止纸张输入中的无效输入 这里是preventInvalidPut未按预期工作的地方 i、 e.即使无效=真: 用户可以继续键入 值属性绑定到错误的输入 <paper-input label="max" type="number" value="{{year_max}}" min="0" max="255" editable invalid={{invalid}} auto-validate

Polymer 我可以在同一个项目中使用两种不同版本的聚合物吗?

我在项目中使用webcomponents时遇到了一个问题,该项目的组件已经是Polymer 1.5 出现错误: Uncaught DOMException: Failed to execute 'registerElement' on 'Document': Registration failed for type 'dom-module'. A type with that name is already registered. 据我所知,错误源于页面上聚合物的两个版本之间的冲突。(两个版本

Polymer dom中的函数调用只重复执行一次

我们无法让这个简单的用例与polymer@1.4.0. 我们有一份物品清单。如果用户单击某个项目,将显示该项目前的图标。此外,还选择了一个特定的,类将添加到此项目 该列表将使用dom repeat呈现。每个列表项如下所示: { "label": "Item 1", "value": 0 } 如果用户单击该项,我们将值存储在变量selectedValue中。由于某些原因,dom repeat将不会重新排序。因此,函数isSelected,最初只调用getSelectedClass。但不是

Polymer 在延迟加载的应用程序部件之间共享行为

正如聚合物起动器套件或聚合物车间所展示的,我们在聚合物应用中使用延迟加载。这意味着我们有一个基于抽屉的布局,应用程序外壳将导入抽屉内容以及主页内容 现在我们介绍一个行为,并在自定义元素a和B中使用它,其中a显示在抽屉中,B显示在主页中。现在的情况是,我们收到一个浏览器(Chrome)警告,FlatterBehaviorsList无法找到该行为 我们假设发生这种情况是因为主页的Polymer.importHref调用(选项async为true)识别行为(在自定义元素B中)并将其导入添加到HTML导

Polymer 使纸张滑块的选择器在值为0时不为空?

默认情况下,当滑块的值为0时,polymer的“纸张滑块”组件会使其滑块空心并变白 <paper-slider value="0"></paper-slider> 如何禁用该行为?我希望无论滑块的值如何,选择器看起来都一样。我试着仔细阅读纸张滑块文档中的属性值,但没有发现任何相关内容。哦,似乎改变了——纸张滑块旋钮的开始颜色就可以了

Polymer lazyRegister:嵌套元素或铁皮页面的最大可能值?

聚合物1.0 是否可以通过以下方式lazyRegister:max: 1) 在父my app元素中嵌套元素 2) 在铁皮书页中嵌套元素 我在元素单个列表中有一个console.log语句,当运行attached时会触发该语句。。。当应用程序加载时,它会立即执行。所以,lazyrister不适合我 <script> // Setup Polymer options window.Polymer = { dom: 'shadow', lazyRegister: '

Polymer 第二次dom重复中的聚合物进料值

我试图在一个json数组中的json数组上使用dom repeat。如何将值从第一个数组传递到第二个dom repeat 为了说明这一点,我使用了以下json数组,可以很好地加载: "books": [ { "title": "book1", "slug": "b1", "authors": ["author1","author2"], "blurb": "Some text" }, { "title": "

如何在polymer中创建栅格视图?

我正在尝试使用聚合物创建一个类似于这样的视图的网格 我应该如何实现这一点,有很多事情让我感到困惑,这将是实现这类设计的最佳方式,无论是聚合物引导还是任何web组件,这样它都可以定制,我应该如何使用它,任何链接或参考都会大有帮助,提前感谢。在组件目录中搜索网格将提供可使用的网格元素列表 或者您可以使用iron flex元素 在组件目录中搜索网格将提供可使用的网格元素列表 或者您可以使用iron flex元素 您可以使用iron flex layout组件,该组件提供了使用CSS flexibl

Polymer 同一应用程序不同页面之间的聚合物数据传输

我昨天发布了类似的问题,但今天我发现了如何在同一个应用程序中在另一个页面上使用来自一个页面的数据。我从Page 1扩展了Page 2,现在我可以使用它的所有属性(属于Page 1)。问题是,当第1页中的某些属性值(新值)发生更改时,我仍然会在第2页中获取旧值。对于从父元素到子元素和vv的双向数据绑定,如何将第1页的更改反映到第2页。;使用attribute name=“{{property}}”(而不是[[property]]])并将子级的proerty声明为notify:true,以反映属性上

在Polymer 2.0中,如何将更改后的阵列数据从目标元素传递到宿主元素?

我在主机元素中有一个数组,它使用绑定传递给目标元素。现在,我想更改目标元素中的数组数据,确保在更改目标元素中的数组时,宿主元素中的数组数据也会更新 以下是您需要检查的步骤: 在term:target中的子元素处,您需要使用notify:true声明属性 静态获取属性{return{ myArray:{type:Array,notify:true}} 允许在父级进行双向绑定,您的word:host带有花括号,如: 在子元素中,您需要使用下面的一些修改数组,以便在父元素中观察到更改; this.pu

Polymer 聚合物与元素共存

有没有办法让聚合物网络组件和文字元素共存? 这在理论上应该是可行的,但毕竟你不能在文本中导入html,所以它实际上是不可行的。 这个问题试图解决这个问题 有没有办法在LitElement中使用importHref?您只能将HTML导入到另一个Polymer 2/HTML元素中。如果您正在处理Google的Polymer 2元素--纸张输入,熨斗下拉列表,等等--请使用npm安装Polymer 3.0版本。如果您的HTML元素来自其他源,则必须重写它们。我能够使用它将一些简单的元素转换为JavaS

Polymer 观察聚合物JS中对象的更改

我有一个带有模型对象的元素,我想观察如下: <polymer-element name="note-editor" attributes="noteTitle noteText noteSlug"> <template> <input type="text" value="{{ model.title }}"> <textarea value="{{ model.text }}"></textarea> &l

Polymer 有没有一种从任何地方访问组件的简单方法?

现在我正在做这样的事情: function getChartPages() { return document.querySelector("dashboard").shadowRoot.querySelector("#panelA").shadowRoot.querySelector("#panelA3").shadowRoot.querySelector("#panelA3south"); } 我想知道是否有一种简单的方法来实现同样的目标…文档。qu

Polymer 聚合:将父元素包裹在子元素周围

使用聚合物很容易扩展另一个web组件。您可以使用在子模板中标记父级的阴影dom应位于的位置() 我希望扩展一个元素,但要让父元素包装子元素的特定部分。我在一些模板引擎中使用过这种设置。这可以通过html包含来完成吗 家长:: <link rel="import" href="/bower_components/polymer/polymer.html"> <polymer-element name="tpl-parent" noscript> <templat

Polymer 聚合物继承,父方法未定义

我试图了解聚合物遗传是如何工作的 我有一个父元素fow filter,它包含通用的筛选方法 <link rel="import" href="../../bower_components/polymer/polymer.html"> <polymer-element name="fow-filter" attributes=""> <template> <style> :host { display: bl

如何使用Polymer 1.x将HTML注入模板?

我的Polymer组件的模板的一部分应该是从JSON响应中呈现未缩放的HTML(是的,在这种情况下这样做是安全的)。到目前为止,我一直在使用多汁的html(),但它在Polymer 1.x中不再起作用 我的模板的相应部分看起来很像这样: <template if="{{item.part1}}"> <div> <template is="juicy-html" content="{{item.part1.part2 | callFunction}}"&

Polymer 聚合物1.0:哪里有<;iron flex布局>;?

有关于如何使用Polymer 1.0元素的文档吗 以前的研究: 检查以下链接: (推荐) (推荐)(osX/Safari用户注意:必须在Chrome中查看) Yikes--我不知道它们没有为所有东西提供向后兼容性

Polymer 聚合力观察者事件

我正在创建一个面包屑元素来管理产品类别深度。我有一个category loader元素绑定到的属性categoryOut。当此属性因在面包屑链中的某个位置单击而更改时,将加载相应的类别 例如,面包屑列表可能如下所示: Cars->Ford->Focus 如果单击Cars,面包屑类别yout属性将更改,并加载Cars类别。我的问题是:如果您没有单击任何其他面包屑链接,并且在加载更多类别后再次单击汽车,则属性不会更改,并且观察者事件也不会触发 为了使其工作,我将categoryOut属性设置为空,然

Polymer 使用iron ajax向freshDesk使用API令牌进行身份验证

显示了在所有示例中使用curl进行身份验证。对于各种语言也有不同的解释。然而,我试图将API与’siron ajax元素一起使用,我在身份验证方面遇到了问题 我试着以他们的nodejs样本为基础,将其包含在params中,但仍然不起作用 <template is="dom-bind" id="app"> <iron-ajax auto url="https://<mydomain>.freshdesk.com/api/v2/ti

我们还在使用Polymer 2.x开发WEB平台原语吗? 开发商成本

开发成本以复杂性和锁定的形式出现 随着时间的推移,我们在平台上构建的堆栈已经将web开发从简单的视图源代码和shift刷新推到了一个每个项目都有大量选择的地方 当我们依靠库和框架来满足最基本的需求时,我们最终编写的代码依赖于固执己见的抽象,而不是通用平台原语。因为从一个抽象迁移到另一个抽象的代价很高,这些依赖关系限制了我们未来的选择,使我们的代码维护成本更高 那是关于聚合物的一页 是否有太多的变化,开发人员必须作出过渡到聚合物2? 如果是这样的话,Polymer是否也会将自己置于“面向抽象”而非

Polymer 聚合物模块中的多个插入点?

在polymer中,我们可以像这样在自定义模块中使用为HTML内容创建插入点 <my-custom-element> Surrounding HTML ... <content></content> Surrounding HTML ... </my-custom-element> 周围的HTML。。。 周围的HTML。。。 然后以后使用如下模块: <my-custom-element>foo content</

Polymer 动态添加的项不会触发观察者

我正在使用数组变异方法向数组中添加一些项。这些项目显示在中,可以动态编辑。虽然编辑确实会更改对象中的数据,但任何附加的观察者都不会激发以指示发生了更改 tl;dr 我正确地使用数组变异方法来推送项目 我正在dom重复中显示项目 这些项目使用显示,子属性名称显示在中,可以在其中动态修改 <template> <template is="dom-repeat" items="[[data.contents]]"> <paper-input val

Polymer 如何设置和取消设置聚合物中的观察者?

我试图理解在attached()和detached()事件中设置和取消设置聚合物组件中的观察者的正确方法,因此它只在元素连接后才开始观察。有什么想法吗 目前,没有公共API来强制添加观察者(但存在私有API),也没有API来删除它们 私有函数,\u addComplexObserverEffect(…)在一个或多个属性上创建观察者。该函数处理聚合物对象的观察者数组中的每个观察者表达式。注意使用私有函数的警告是,它可能在下一版本中不可用 您可以这样使用它: Polymer({ ...,

Polymer 找不到名为“的WCT插件”;“本地”;进行聚合物测试时

克隆聚合物启动器套件后,我安装了WCT,其中包括: npm install -g web-component-tester 现在,我得到了这个错误: 找不到名为“local”的WCT插件 我该如何解决这个问题?这里也一样,可能是更新版本的bower、polymer cli和WCT,但我仍然有同样的问题。如果有人回答这个问题,那就太好了

Polymer 如何设置基于聚合物的项目?

我在Github上找到了此项目:。我想把它用于我自己的项目,但我不知道我做错了什么 我使用“npm”,我做了聚合物指南中的所有事情,但我不能使用上面的项目 我就是这么做的: npm install -g polymer-cli polymer init starter-kit mkdir myapp cd myapp polymer serve --open 我得到了没有内容的空白页 有人可以指导我一步一步如何设置这个项目 谢谢 您的顺序有点错误 mkdir myapp cd myapp

Polymer 将angular 2数据绑定到predix ui组件

我试图在angular 2中开发一个页面,该页面使用predix UI组件绘制图形。目前,我正在尝试在图形中显示静态json数据。但我无法绑定数据,因此图形无法显示在页面中。在控制台中,它们也不是错误。当我将chartData json值直接提供给px-vis-timeseries标记时,它将显示图形。因此,将数据绑定到predix组件是一个问题。我对angular 2和predix UI都是新手。所以我不知道怎么绑这个。有人能帮我绑一下吗? @珍妮,你知道吗?我看到你也有一个类似的职位,如果你

Polymer 照明元素中的装饰查询是什么?

根据文件,我无法理解它到底做了什么 这份文件不够详细 有没有一个例子 文档没有那么深,因为这没什么大不了的,这个装饰器所做的只是创建一个“快捷方式”,用于在元素的根上调用querySelector(如果使用的是shadow dom,可以是this.shadowRoot,如果没有,可以是this) 基本上这是TS代码: @query('.someClass') private _someClassElement: Element 与在JS中执行此操作相同 get _someClassElemen

Polymer LitElement TS示例的编译问题

你好聚合物社区: 这里的新用户在使用TS的lit元素时遇到了一些问题,但不确定原因 我有TS设置和工作良好(编译其他TS示例) npm是否按照入门页面安装了lit元素 在“使用LitElement TypeScript装饰器”一节中尝试TS示例,并得到各种不好的结果 tsc my-element.ts导致完全失败: my-element.ts:14:14 - error TS1219: Experimental support for decorators is a feature that

Polymer 安卓系统中的纸旋转器

我试着在Android上用纸张材料和高分子材料来重建旋转器。但它从来都不是对称的。 这就是我所做的: .中心{ @应用(--水平布局); @应用(--布局中心对齐); } 纸制材料{ 边界半径:50%; 高度:34px; 宽度:36px; } 旋纸机{ 高度:30px; 宽度:30px; } 不对称可能是由旋转器容器(.round)的尺寸造成的,其宽度比高度大2倍。(打字错误?) 此外,容器在旋转器周围看起来有点紧,急需填充物: paper-material.round { bor

  1    2   3   4   5   6  ... 下一页 最后一页 共 25 页