angularjs - 如何从聚合物js中的铁图标列表中获取设备和硬件图标？

Question

提前致谢。在谷歌聚合物 3 中，我使用下面的链接来获取图标
https://npm-demos.appspot.com/@polymer/iron-icons@3.0.1/demo/index.html 我可以使用图标列表中的图像和无法使用来自 Av、通信、设备等的其他图像。任何人都可以帮我解决这个问题。

Answer 1

如果您能显示一些代码，那将是最好的。准确地说是您导入图标并使用它们的代码。我相信您可能已导入并非所有图标集

但是，使用 Polymer 提供的图标的最佳方法是创建一个文件，其中仅包含您实际要使用的图标。这将减少加载时间并使图标通常更易于访问。

示例：
此 Polymer3 元素称为 custom-icons.js

import '@polymer/polymer/polymer-element.js';
import '@polymer/iron-icon/iron-icon.js';
import '@polymer/iron-iconset-svg/iron-iconset-svg.js';
const $_documentContainer = document.createElement('template');

$_documentContainer.innerHTML = `<iron-iconset-svg size="24" name="custom-icons">

 <svg>
    <defs>
        <g id="menu">
            <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
        </g>
        <g id="arrow-back">
            <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"></path>
        </g>
    </defs>
 </svg>

</iron-iconset-svg>`;

document.head.appendChild($_documentContainer.content);

Answer 2

您将需要明确导入其他图标集：

import {PolymerElement} from '@polymer/polymer/polymer-element.js';
import {html} from '@polymer/polymer/lib/utils/html-tag.js';

import '@polymer/iron-icon/iron-icon.js';
import '@polymer/iron-icons/iron-icons.js';

以下是 Av、通信、设备图标：

import '@polymer/iron-icons/av-icons.js';
import '@polymer/iron-icons/communication-icons.js';
import '@polymer/iron-icons/device-icons.js';