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>

请有人向我解释为什么core-iconset元素可以在没有“import”的情况下使用？抱歉我的英语不好。非常感谢你。

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依次导入core-iconset：

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

所以core-iconset.html通过这个进口链进口。

每个元素都会导入所需的所有其他元素，这样元素的客户端就不负责导入依赖项。而且由于这些导入（更确切地说：元素注册）是全局的（并且没有作用于导入元素），因此您可以在导入后随处使用这些元素。

为什么<core-iconset>可以在没有＆＃34; import＆＃34;聚合物</core-iconset>

1 个答案: