草庐IT

polymer-starter-kit

全部标签

javascript - 在 Polymer 2 中使用 JS Mixins 应用行为

我想要我定义的自定义元素在Polymer2中具有Polymer.IronScrollTargetBehavior。在Polymer1中,这可以通过将其添加到behaviors数组中来完成:Polymer({is:'my-element',behaviors:[Polymer.IronScrollTargetBehavior]});在polymer2upgradeguide,它说你应该:Implement"behaviors"asmixinsthatreturnclassexpressions.在链接的文章中,它解释了如何将以下语法用于混合:letMyMixin=(superclass)

javascript - 如何将对象文字作为 polymer 属性传递

为了单独测试我的一些polymer自定义元素,我希望能够为一些通常来自父元素的属性传入js对象文字。我无法弄清楚如何做到这一点。请参阅此示例代码。如果它按我希望的那样工作,它会显示一个1和一个2并排显示,但它不起作用。{{stuff.one}}{{stuff.two}}Polymer('my-element',{ready:function(){console.log(this.stuff);}}); 最佳答案 如果您使用空哈希初始化stuff属性,Polymer只会将JSON文本转换为对象:Polymer('my-element'

javascript - 重置 polymer 纸张输入容器值和标签

提交表单后,我无法重置纸张输入容器内的标签。该表单是一个简单的登录表单。如果用户在没有刷新页面(从浏览器)的情况下登录、注销并再次登录,标签就会卡住,就好像输入中有值一样。这是显示差异的图像:这是元素内部的形式:E-mailorPasswordisincorrectE-MailAddressPasswordCancelLogin这两种方法都使表单进入“登录后”状态相同://this.emailInput=null;this.passwordInput=null;//this.emailInput="";this.passwordInput="";我以为这会以某种方式重置整个容器,但它什

javascript - 硫化 polymer 一次性绑定(bind) src 属性

我正在使用grunt-vulcanize从具有相对路径的导入文件到新位置的vulcanized.html。文件准备就绪后,它已将相对路径更改为新位置。这对于图像或文件等静态文件非常有用,但是......在导入文件中我有一些polymer元素文件:paper-fab.html例如。我的导入文件有如下引用:正如您在line113oftheimportedfile中看到的那样,它有两个属性resolvedbyone-time-bindingusingbrackets:src属性出现问题。硫化将其解释为路径,因此它添加了新的相对路径,解析为如下所示:但是那个属性是由polymerElement

javascript - 如何在 Polymer 中编写 ES6 中的监听器?

我基本上想用ES6风格编写以下代码。listeners:{'neon-animation-finish':'_onNeonAnimationFinish'},我曾尝试使用如下属性,但从未触发_onNeonAnimationFinish回调。classMyElement{getbehaviors(){return[Polymer.NeonAnimationRunnerBehavior];}beforeRegister(){this.is='my-element';this.properties={name:{type:String}};this.listeners={'neon-anim

javascript - 如何在 polymer 中设置动态 Meta 标签和 Open Graph 标签?

我有一个我一直在开发的polymer节点站点,但我不知道如何包含动态元标记和开放图谱标记。Jquery不会工作,也不会使用polymerapi添加节点,因为它会在页面加载后添加所有标签,而facebook将无法读取标签。Google抓取工具确实会呈现该页面,但最好是我可以在header中设置描述。grouppages设置数据并使用服务根据url填充页面,但我不知道如何根据页面更改元标记。有人有什么想法吗?一个想法是获取信息服务器端并将其发送到polymer,但我仍然不确定节点和polymer之间是否可行。 最佳答案 这绝对是一个悬而

javascript - 将 Polymer 与 Angularjs 一起使用

我正在尝试了解将polymer与angularjs结合使用的最佳方式是什么。我想要AngularMVC功能和polymer元素的声明简单性。我的两个想法是完全放弃AngularDirective(指令),只使用polymer,或者将polymer包裹在指令中。后者似乎可以更好地处理数据绑定(bind)和复杂的范围属性,但可能会使polymer的美感成为一个有争议的问题,因为它在这一点上不再是非常明确的。想法?合并这两个世界的最佳方式是什么? 最佳答案 我以前一直走这条路,据我所知,Angular.JS2将以某种方式解决这种情况。与此

javascript - Colorthief.js 与 Polymer.js - 查找导致 onload 事件的图像的原色

我正在使用Polymer构建一个MaterialWeb应用程序,我想获取页面上图像的主要颜色和次要颜色。我正在使用on-click事件来触发一个函数,该函数从图像中检索数据并获取颜色。问题是除了实际引用图像之外,该函数工作正常--ColorThief似乎无法“看到”图像。这是我的代码:图片:colorthis函数:Polymer('paper-albums',{colorthis:function(event,detail,sender){vari=sender.dataset.albumno,cT=newColorThief(),pallete=cT.getPalette(event

go - go Kit编译错误

我克隆了一个使用go-kit的项目,当我尝试编译该项目时,我得到一个类似于的编译错误./main.go:124:cannotusemakePostEndpoint(svc)(typeendpoint.Endpoint)astype"github.com/go-kit/kit/transport/http".DecodeRequestFuncinargumentto"github.com/go-kit/kit/transport/http".NewServer代码片段如下funcmain(){ctx:=context.Background()svc:=cayleyService{}pos

unit-testing - 在 Go-kit 中为 make 处理函数编写单元测试

我的问题特定于Go-kit以及如何在其中组织代码。我正在尝试为以下功能编写单元测试:funcMakeHandler(svcService,loggerkitlog.Logger)http.Handler{orderHandler:=kithttptransport.NewServer(makeOrderEndpoint(svc),decodeRequest,encodeResponse,)r:=mux.NewRouter()r.Handle("/api/v1/order/",orderHandler).Methods("GET")returnr编写适当的单元测试的正确方法是什么?我见过