我的自定义元素不是在Polymer shop应用程序中工作,而是在Polymer starter kit中工作? 问题:

我的自定义元素不是在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

我已经创建了一个自定义的“属性”网格系统,可以在任何元素上通用。到目前为止,在每一个项目中,我使用它都没有问题……但是当我尝试在中使用它时,它不起作用。这是我要导入的自定义属性系统:

在ChromeDevToolsNetwork选项卡中,它表示它正在正常加载,但是当我检查一个元素时,它不会显示在css中,并且没有任何效果!这让我抓狂,因为它在聚合物启动套件和其他项目中工作得非常好

我已经包括了一个显示我的问题的简短视频:

我有什么遗漏或做错了吗


更新: 通过在商店应用程序的
index.html
文件中将
shadow
更改为
shady
,一切似乎都按预期工作:


但这会带来什么后果呢


用于初始布局的“通用”方式,因此您可以在任何元素上快速使用它。当我将钢特性包含到文件中时,它会进入并调用具有特定样式特性的其他文件,然后您可以将这些特性直接写入标记中


示例: HTML标记:

输出:

代码:

如您所见,
钢属性
不是您典型的
。它实际上只是用
[attribute=“property”]
导入样式表

因此,我现在的问题是:
  • 我应该这样做还是我做错了
  • 编写“钢属性”的正确方法是什么,这样它就可以同时使用
    shadow
    shady
    DOM
  • 在商店应用程序中将
    shadow
    切换到
    shady
    DOM有什么后果
  • 在商店应用程序中使用
    shadow
    DOM而不是
    shady
    DOM而不是Polymer Starter Kit的主要原因是什么?(性能?)

您确实应该使用创建样式表。在PolymerI中不推荐使用外部样式表我开始。。。轻松使用它的共享样式并没有什么不同,您只需要创建一个html而不是css文件(您已经有了)并在本地dom结构中使用样式标记。要使用,必须在要使用它的元素中添加
include=“”
。希望通过这些更改,您能够看到您的
钢属性
使用
Apptoolbox
创建样式表。在PolymerI中不推荐使用外部样式表我开始。。。轻松使用它的共享样式并没有什么不同,您只需要创建一个html而不是css文件(您已经有了)并在本地dom结构中使用样式标记。要使用,必须在要使用它的元素中添加
include=“”
。希望通过这些更改,您能够看到您的
钢属性
使用
Apptoolbox
    Polymer = {lazyRegister: true, dom: 'shadow'};

            becomes...

    Polymer = {lazyRegister: true, dom: 'shady'};