聚合物自定义元素命名约定功能/错误

时间:2017-06-16 10:02:50

标签: polymer polymer-1.0

在聚合物文件中他们说

  

根据规范,自定义元素的名称必须包含短划线   ( - )。

所以我创建了一个名为custom-element的自定义元素。通常,每个人都这样做。但突然之间,我怀疑我们能否在最后得到冲刺?

然后我尝试了customelement--customelement

我想知道右侧的破折号( - )正在运作。破折号( - )左侧方端不起作用。

这是一个功能还是一个错误?

2 个答案:

答案 0 :(得分:1)

这不是一个错误。它按预期工作。

根据spec您的元素需要在其名称中加上破折号(例如<my-tabs>)。这样你就不得不添加一个命名空间来避免与现有元素发生冲突。有效的自定义元素名称是符合以下所有要求的字符序列名称

[a-z] (PCENChar)* '-' (PCENChar)*

其中PCENChar:=

"-" | "." | [0-9] | "_" | [a-z] | #xB7 | [#xC0-#xD6] | [#xD8-#xF6] | [#xF8-#x37D] | [#x37F-#x1FFF] | [#x200C-#x200D] | [#x203F-#x2040] | [#x2070-#x218F] | [#x2C00-#x2FEF] | [#x3001-#xD7FF] | [#xF900-#xFDCF] | [#xFDF0-#xFFFD] | [#x10000-#xEFFFF]

参考:https://www.w3.org/TR/custom-elements/#prod-potentialcustomelementname

希望这会有所帮助:)

答案 1 :(得分:1)

以下链接解释清楚。试着去理解 Read this article