草庐IT

polymer-cli

全部标签

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 - 在 Angular2 CLI 中使用外部 javascript AMD 模块

当我使用Angular2预发布版时,我不得不使用systemjs为了使用外部javascript库,即基于AMD模块的ESRIArcGISJavaScriptAPI(尽管可以输入类型)。现在我想迁移到Angular2CLI。但是,在Angular2从systemjs移动后,我看不到如何导入外部库(如arcgis)至webpack并且没有webpack.config要修改的文件。外部库存储在:示例:在我的Angular组件中,我需要以某种方式导入这些组件,例如:importmapfrom'esri/map';导入'https://js.arcgis.com/3.19/esri/map.j

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 - 库的 Angular CLI 6.x 环境文件

我已经使用新的CLI6.x创建了一个库。我还在其中创建了一个Angular服务,我想为我的开发和生产环境使用不同的URL。所以我在我的库文件夹中创建了一个environment.ts和一个environment.prod.ts文件。//devexportconstenvironment={production:false,url:'dev-url'};//prodexportconstenvironment={production:true,url:'prod-url'};我还在angular.json文件中添加了'fileReplacements'属性:"configurations

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元素上手动调