草庐IT

polymer-starter-kit

全部标签

javascript - 在另一个自定义标签内动态创建 polymer 元素

polymer元素offices-list需要在另一个polymer元素的脚本中动态创建,如下所示:Polymer({is:"contacts-tag",handleResponse:function(request){varresponse=request.detail.response;this.officesRegions=response.officesRegions;this.officesCities=response.officesCities;vardynamicEl=document.createElement("offices-list");dynamicEl.se

javascript - 使用 polymer ajax 响应

我创建了以下polymer元素::host{}helloPolymer({is:"task-list-app",created:function(){this.todos=[];},handleResponse:function(data){this.todos=data.detail.response;}});我通过以下方式在我的index.html中调用它:我期望对于todo数组中返回的每个对象,一个将被打印。但是,当我运行该应用程序时,我在控制台中得到以下输出:UncaughtTypeError:Cannotreadproperty'todos'ofundefined在polym

javascript - 如何将非模块(!)JavaScript 导入 Polymer 3.0

Polymer3使用import加载外部Javascript。例如import{GoogleCharts}from'google-charts';但是,这似乎可行,外部库应该使用导出。我正在尝试使用mapbox-gl.js库。这个库,安装了:npminstallmapbox-gl似乎没有导出任何东西。在HTML5中,您可以按如下方式使用mapbox-gl:constoptions={...}constmap=newmapboxgl.Map(options);我尝试使用“导入”来加载mapbox-gl:import{mapboxgl}from'./node_modules/mapbox-

javascript - polymer 中的 MV*,作为 polymer 元素的模型和服务?

例如,假设我想要两个View(polymer元素)共享一个模型。在Angular中,模型将存在于注入(inject)到View中的单例服务中,两个View都从同一源读取。我尝试用Polymer模拟这种方法,所以我可以做类似的事情:............我喜欢这种方法,因为它是一种定义依赖关系的声明方式,而且它的工作原理与基本相同。和其他“开箱即用”的polymer元素。用这种方式我需要等待domReady在我可以与模板中声明的任何元素交互之前进行生命周期回调,所以这就是我在这一刻保留我的初始化逻辑的地方。问题是这个回调会为每个调用一次。声明的元素(所以在这个例子中会被初始化两次,因为

javascript - Mixins 作为 Polymer 2.0 中的实用程序库

我在Polymer2.0制作的Web应用程序项目中工作,所有自定义元素都扩展了一些Mixins。其中一些Mixin只是为自定义元素提供实用函数,就像日期时间实用函数或任何与数学相关的函数一样。我的问题是是使用mixins并将它们扩展到自定义元素还是只是将它们包装在普通的java脚本文件中并将该java脚本文件加载到index.html或应用程序的入口点并用作全局范围,就像我们使用lodashjs或下划线.js。我发现Mixins的问题是它总是被应用到每个自定义元素类对象的原型(prototype)链,所以我最终为我的应用程序的每个自定义元素使用了那些相同的实用方法。请建议我在Polym

javascript - Polymer 1.0 的 tokenList 样式发生了什么变化

在Polymer0.5中,可以使用带有元素类属性表达式的tokenList过滤器,以根据对象值有条件地应用类。v1.0替换或等效技术是什么?除了完全在代码中处理它之外,我找不到关于这个主题的任何内容。 最佳答案 为了提高性能,Polymer1.0做了很多削减,表达式就是其中之一。使用0.5文档中的示例:你可以像这样为1.0重写:然后在你元素的js中:getClassList:function(selected,type){varclassList='';if(selected)classList+='active';if(type=

javascript - 通过重复创建 polymer 滑动页面

我尝试通过模板重复使用滑动页面。Texttoswipe在我写的polymer中created:function(){console.log(this);this.values=[1,2,3];}它给我错误UncaughtTypeError:Cannotsetproperty'values'ofundefinedPolymer.createdPolymer.Base._addFeature._invokeBehaviorPolymer.Base._addFeature._doBehaviorPolymer.Base.createdCallbackwindow.Polymer(anonym

javascript - 如何在 Polymer 中的元素上触发事件?

没有Polymer是如何工作的在JavaScript中,您可以通过简单地调用元素本身的方法来触发事件:varelem=document.getElementById('foo');elem.onclick();这工作正常,可以在thisJSFiddledemo中看到.尝试在Polymer中做同样的事情但是Polymer有不同的语法,它使用on-click而不是onclick:Polymer('my-element',{clickEvent:function(){console.log('Clickeventtriggered.');}});我想在每次按下键时在我的input元素上手动调

javascript - polymer :正确移除 polymer 元素及其内部元素

我有一个polymer元素,里面有一个服装元素。我想在单击它时删除所有内容(父项和子项)。问题是每次我关闭父元素的实例时我都会得到一个错误。我认为这与我要删除一个内部有一个元素的元素有关。如何正确删除它?方法代码如下:closeWindow:function(event,detail,sender){this.firstChild.remove();this.remove();}这是我遇到的错误:UncaughtTypeError:Cannotreadproperty'length'ofundefined这是错误的图片: 最佳答案

javascript - polymer JS : How to output Model data?

有没有办法输出高分子元素的所有模型数据?我想将每个属性及其值输出到View。我知道vue通过使用实现了这一点{{$data|json}}但是Vue还有一个dumpable的数据属性。不确定在polymer中是否有可能将每个属性及其值转储到View中。我想对polymer使用类似的东西。但是如何呢?我知道这样做是行不通的:{{$properties}} 最佳答案 据我所知,PolymerJS中的数据绑定(bind)没有像vue那样的过滤器。但是你可以使用所谓的Computedbinding:{{dump(model)}}Polymer