我的自定义元素不是在Polymer shop应用程序中工作,而是在Polymer starter kit中工作? 问题:
我已经创建了一个自定义的“属性”网格系统,可以在任何元素上通用。到目前为止,在每一个项目中,我使用它都没有问题……但是当我尝试在中使用它时,它不起作用。这是我要导入的自定义属性系统: 在ChromeDevToolsNetwork选项卡中,它表示它正在正常加载,但是当我检查一个元素时,它不会显示在css中,并且没有任何效果!这让我抓狂,因为它在聚合物启动套件和其他项目中工作得非常好 我已经包括了一个显示我的问题的简短视频: 我有什么遗漏或做错了吗我的自定义元素不是在Polymer shop应用程序中工作,而是在Polymer starter kit中工作? 问题:,polymer,polymer-1.0,web-component,polymer-starter-kit,custom-element,Polymer,Polymer 1.0,Web Component,Polymer Starter Kit,Custom Element,我已经创建了一个自定义的“属性”网格系统,可以在任何元素上通用。到目前为止,在每一个项目中,我使用它都没有问题……但是当我尝试在中使用它时,它不起作用。这是我要导入的自定义属性系统: 在ChromeDevToolsNetwork选项卡中,它表示它正在正常加载,但是当我检查一个元素时,它不会显示在css中,并且没有任何效果!这让我抓狂,因为它在聚合物启动套件和其他项目中工作得非常好 我已经包括了一个显示我的问题的简短视频: 我有什么遗漏或做错了吗 更新: 通过在商店应用程序的index.htm
更新: 通过在商店应用程序的
index.html
文件中将shadow
更改为shady
,一切似乎都按预期工作:
但这会带来什么后果呢
用于初始布局的“通用”方式,因此您可以在任何元素上快速使用它。当我将钢特性包含到文件中时,它会进入并调用具有特定样式特性的其他文件,然后您可以将这些特性直接写入标记中
示例: HTML标记:
输出:
代码:
如您所见,钢属性
不是您典型的
。它实际上只是用[attribute=“property”]
导入样式表
因此,我现在的问题是:
- 我应该这样做还是我做错了
- 编写“钢属性”的正确方法是什么,这样它就可以同时使用
和shadow
DOMshady
- 在商店应用程序中将
切换到shadow
DOM有什么后果shady
- 在商店应用程序中使用
DOM而不是shadow
DOM而不是Polymer Starter Kit的主要原因是什么?(性能?)shady
include=“”
。希望通过这些更改,您能够看到您的钢属性
使用Apptoolbox
创建样式表。在PolymerI中不推荐使用外部样式表我开始。。。轻松使用它的共享样式并没有什么不同,您只需要创建一个html而不是css文件(您已经有了)并在本地dom结构中使用样式标记。要使用,必须在要使用它的元素中添加include=“”
。希望通过这些更改,您能够看到您的钢属性
使用Apptoolbox
Polymer = {lazyRegister: true, dom: 'shadow'};
becomes...
Polymer = {lazyRegister: true, dom: 'shady'};