聚合物社交图标在子菜单上不起作用答案

【问题标题】：Polymer social-icons not working on a submenu聚合物社交图标在子菜单上不起作用
【发布时间】：2015-02-10 09:26:11
【问题描述】：

我正在尝试使用图标制作子菜单，其中一些来自社交图标集，但我不知道为什么不显示。这是我的代码，也许我错过了什么。

<script src="../bower_components/webcomponentsjs/webcomponents.js"></script>
<link rel="import" href="../bower_components/polymer/polymer.html">    
<link rel="import" href="../bower_components/core-menu/core-menu.html">
<link rel="import" href="../bower_components/core-item/core-item.html">
<link rel="import" href="../bower_components/core-menu/core-submenu.html">      
<link href="../bower_components/core-icon/core-icon.html" rel="import">
<link href="../bower_components/core-icons/core-icons.html" rel="import">    
<link href="../bower_components/core-icons/editor-icons.html" rel="import">
<link href="../bower_components/core-icons/social-icons.html" rel="import">    
<link href="../bower_components/core-icons/hardware-icons.html" rel="import">

<core-menu> 
    <core-submenu icon="cloud" label="Accounts">
       <core-item id="used_quota" icon="hardware:memory" label="Used quota" class="menu_item core-selected" horizontal="" center="" layout=""></core-item>
       <core-item id="disabled_accounts" class="menu_item" icon="remove-circle" label="Disabled accounts" horizontal="" center="" layout=""></core-item>
       <core-item id="used_licenses" class="menu_item" icon="verified-user" label="Used Licenses" horizontal="" center="" layout=""></core-item>
       <core-item id="suspended_accounts" icon="report" label="Suspended accounts" class="menu_item" horizontal="" center="" layout=""></core-item>     
    </core-submenu>

    <core-submenu icon="today" label="Calendar">        
    </core-submenu>

    <core-submenu icon="insert-drive-file" label="Docs">        
    </core-submenu>

    <core-submenu icon="mail" label="Gmail"> 
       <core-item id="emails_exchanged" icon="send" label="Emails exchanged" class="menu_item" horizontal="" center="" layout=""></core-item>
       <core-item id="emails_received" icon="inbox" label="Emails received"  class="menu_item" horizontal="" center="" layout=""></core-item>
    </core-submenu>

    <core-submenu icon="social-icons:plus-one" label="Google +"> 
    </core-submenu>

    <core-submenu icon="phone-android" label="Mobile"> 
    </core-submenu>

【问题讨论】：

标签： icons polymer material-design

【解决方案1】：

最后我发现了错误。图标集是错误的，正确的只是“社交”而不是“社交图标”

<core-submenu icon="social:plus-one" label="Google +"></core-submenu>

【讨论】：