为什么 <core-iconset> 可以在没有 "import" 的情况下在聚合物中使用

Question

<html>
<head>
  <title>core-icon-button</title>

  <script src="../webcomponentsjs/webcomponents.js"></script>

  <link rel="import" href="core-icon-button.html">
  <style>
  </style>

</head>

<body unresolved>


<template is="auto-binding">
    <template repeat="{{icon in $.meta.metaData.icons.iconNames}}">
      <core-icon-button icon="{{icon}}" title="{{icon}}"></core-icon-button>
    </template>
    <core-icon-button icon="menu"><span>label</span></core-icon-button>
  </div>
  <core-iconset id="meta"></core-iconset>
</template>

</body>
</html>

谁能给我解释一下，为什么不用"import"就可以使用core-iconset元素？抱歉我的英语不好。非常感谢。

Answer 1

如果我们查看 core-icon-button.html 文件，我们会在顶部找到以下两行：

<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../core-icons/core-icons.html">

和core-icon in turn imports core-iconset:

<link rel="import" href="../core-iconset/core-iconset.html">

所以 core-iconset.html 是通过这个导入链导入的。

每个元素都导入它需要的所有其他元素，因此元素的客户端不负责导入依赖项。由于这些导入（更准确地说：元素注册）是全局的（并且不限于导入元素），您可以在导入后的任何地方使用这些元素。

为什么 <core-iconset> 可以在没有 "import" 的情况下在聚合物中使用

why the <core-iconset> can be used without "import" in polymer

javascript

frontend

polymer