聚合物2.0：在初学者套件中不起作用的铁图标

Question

我是聚合物项目的新手，我安装了聚合物2.0入门套件，一切工作正常，除铁图标。当我运行项目时它不显示图标。

<!-- Load the Polymer.Element base class --> 
    <link rel="import" href="../bower_components/polymer/polymer-element.html"> 

    <script src="../bower_components/webcomponentsjs/webcomponents-lite.js"></script> 
    <link rel="import" href="../bower_components/iron-icon/iron-icon.html"> 
    <link rel="import" href="../bower_components/iron-iconset-svg/iron-iconset-svg.html"> 

    <dom-module id="my-iconsset-view"> 
     <!-- Defines the element's style and local DOM --> 
     <template> 
     <style> 
      :host { 
      display: block; 

      padding: 16px; 
      } 
     </style> 

     <h1>My Iconsc</h1> 

     <iron-icon icon="icon:menu"></iron-icon> 
     <iron-icon icon="input"></iron-icon> 


     </template> 
     <script> 
     // Your new element extends the Polymer.Element base class 
     class MyIconssetView extends Polymer.Element { 
      static get is() { return 'my-iconsset-view'; } 
     } 
     //Now, register your new custom element so the browser can use it 
     customElements.define(MyIconssetView.is, MyIconssetView); 
     </script> 
    </dom-module> 

Answer 1

进口<link rel="import" href="../bower_components/iron-icons/iron-icons.html">，而不是仅仅iron-icon。

此外，你不必提及icon="icon:menu"，只是icon="menu"是好的，除非你已经定义了你自己的iconset并命名为'icon'。

iron-icon元素用于显示图标。

iron-icons是一个实用程序进口，其包括用于所述 iron-icon元件，iron-iconset-svg元件的定义，以及默认图标集导入 。