草庐IT

dart-polymer

全部标签

javascript - 访问 Polymer 中的所有内部元素?

我有:当我这样定义模板时:我可以使用this.$['anotherelement']访问内部元素但是使用这种方法我必须预先定义可以使用哪些内部元素。我想要的是一种模板技术,它允许我访问所有内部元素。 最佳答案 (insertionpoints)用于在ShadowDOM中的特定位置渲染lightDOM中的元素。使用说“在这里渲染任何元素。如果你想邀请所有轻型DOM节点加入渲染派对,只需使用即可。您的代码段的其他问题:需要在上定义元素的名称,不像获取通过的节点列表,使用content.getDistributedNodes().您可能还

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 - 相当于 Array.prototype.map() 的 Dart?

我尝试从Dart中的map列表中获取ID。在JavaScript中会是这样的:varlist=[{id:3,name:'third'},{id:4,name:'fourth'}];varresult=list.map(function(x){returnx.id;});这应该给出结果[3,4]在Dart中是否有一种简单的方法可以做到这一点?到目前为止,我能够做到这一点(在Dart中):varlist=[{'id':3,'name':'third'},{'id':4,'name':'fourth'}];varresult=list.map((x)=>x['id']);结果是“Mapped