Tag: 聚合物

聚合物1.0:有没有办法从一个属性传递一个聚合物函数的参数?

有没有办法从它的<template>一个元素属性传递一个聚合函数的参数? <script src="http://www.polymer-project.org/1.0/samples/components/webcomponentsjs/webcomponents-lite.js"></script> <link rel="import" href="http://www.polymer-project.org/1.0/samples/components/polymer/polymer.html" /> <dom-module id="example-element"> <template> … <paper-button id="foo" on-tap="bar">Click</paper-button> … </template> </dom-module> <script> (function() { Polymer({ is: 'example-element', properties: {…}, bar: function(arg){ // Do stuff using argument arg } }); })(); </script> 背景研究 我已经梳理了关于此事的文件 。 它没有说你是否可以。 但是当我尝试它时,它失败了。 但也许我没有正确地做。 所以我需要一些帮助。 我遇到的唯一事情是事件监听器 ,它似乎不能接受我想传递的参数。 说,一个id或一个name 。 先前的尝试 我尝试过(不成功)做这样的事情: <paper-button id="foo" on-tap="bar('foo')"> Click </paper-button> […]

在CSSselect器中,/ deep /和:: shadow是什么意思?

在查看Polymer时,我在Chrome 37的开发人员工具的“样式”选项卡中看到以下CSSselect器: 我也看到一个select器与伪select器::shadow 。 那么,CSSselect器中的/deep/和::shadow是什么意思?

如何在未知的环境中安全地加载聚合物 – 多个版本或命名空间?

我有用Polymer构build的元素,需要在多个站点(小部件)上运行,其中: 不包含聚合物(罚款,我可以包括) 聚合物已经包含在一个兼容的版本(辉煌,不太可能) 聚合物在一个未知的版本(太旧或太新, 棘手 ) 是否有可能在命名空间加载聚合物? 例如myObj.Polymer或MyPolymerName 我发现了聚合物-JS ,它可以让我加载聚合物作为模块,但这不是官方的方式。 这仍然输出到全球范围

具有JavaScript依赖关系的聚合物元素

我已经创build了一个Polymer元素来渲染markdown ,它使用了marked.js库。 我想知道,什么是它的依赖加载推荐的方式? 我应该只使用脚本标签吗? <script src="../marked/lib/marked.js"></script> 或者,将所有的依赖关系放入html导入并链接到该文件会更好。 在这种情况下,我只有一个依赖,但我可以轻松拥有更多。 <!– in scripts.html –> <script src="../marked/lib/marked.js"></script> <script src="../foo/foo.js"></script> <script src="../bar/bar.js"></script> <!– in mark-down.html –> <link rel="import" href="scripts.html"> 注意:这些path假定我的元素(及其依赖关系)正在使用bower安装,所以它们都应该是bower_components兄弟。

Polymer元素和AngularJS指令有什么区别?

在“聚合物使用入门”页面中,我们看到聚合物的实例: <html> <head> <!– 1. Shim missing platform features –> <script src="polymer-all/platform/platform.js"></script> <!– 2. Load a component –> <link rel="import" href="x-foo.html"> </head> <body> <!– 3. Declare the component by its tag. –> <x-foo></x-foo> </body> </html> 你会注意到<x-foo></x-foo>是由platform.js和x-foo.html定义的。 看起来这和AngularJS中的指令模块是等价的: angular.module('xfoo', []) .controller('X-Foo', ['$scope',function($scope) { $scope.text = 'hey hey!'; }) .directive('x-foo', function() { return { restrict: 'EA', replace: […]

如何使用聚合物1.0中的对象而不是数组使用dom-repeat?

迭代数组myarray=[1, 2, 3]工作原理是这样的: <template is="dom-repeat" items="[[myarray]]"> <span>[[item]]</span> </template> 我如何迭代一个对象myobject = {a:1, b:2, c:3} ?

如何将HTML注入到聚合物模板中

我使用polymer-jsonp来执行JSONP请求,但响应有时包含html。 例如,假设post.content为"<strong>Foo</strong> bar" ,那么如何显示{{post.content}}以使"Foo"为粗体? <polymer-element name="feed-element" attributes=""> <template> <template repeat="{{post in posts.feed.entry}}"> <p>{{post.content}}</p> </template> <polymer-jsonp url="url" response="{{posts}}"></polymer-jsonp> </template> <script> Polymer('feed-element', { created: function() { }, attached: function() { }, detached: function() { }, attributeChanged: function(attrName, oldVal, newVal) { } }); </script> </polymer-element>

将每列中的一个列折叠/连接/聚合为单个逗号分隔的string

我想根据两个分组variables在数据框中聚合一列,并用逗号分隔各个值。 这里是一些数据: data <- data.frame(A = c(rep(111, 3), rep(222, 3)), B = rep(1:2, 3), C = c(5:10)) data # ABC # 1 111 1 5 # 2 111 2 6 # 3 111 1 7 # 4 222 2 8 # 5 222 1 9 # 6 222 2 10 “A”和“B”是分组variables,“C”是我想折叠成逗号分隔string的variables。 我努力了: library(plyr) ddply(data, .(A,B), […]