图标不会显示在聚合物2

Question

我试图使用纸质评级等组件，字体很棒的图标，但它们不会在页面中显示任何内容。我看到标签已被识别，但页面上没有任何内容可见。以下是星级评定的示例用法。 Nethier评级和地图图标工作

      <section>
            <template is="dom-if" if={{tests}}>
                <template is="dom-repeat" items={{tests}}>
                    <a my-data="test" href="assessment/{{item.testId}}">
                        <paper-card  class ="header"  heading="{{item.assessmentTopic}}" image=""elevation="1" animated-shadow="false">
                                <iron-icon icon="maps:directions-bus"></iron-icon>
                            <div class="card-content" id="{{item.testId}}">
                                <img style="width : 75px; margin : 2px;" src="https://image.shutterstock.com/z/stock-vector-blackboard-inscribed-with-scientific-formulas-and-calculations-in-physics-and-mathematics-538136431.jpg" />
                                <div style="display: inline-block; margin-left: 10;">
                                    <div class="small">
                                        {{item.createdBy}}
                                    </div>
                                    <div class="small">
                                        {{item.testId}}
                                    </div>
                                    <div>
                                            <star-rating rating="4"></star-rating>
                                    </div>
                                </div>
                            </div>
                        </paper-card>
                    </a>
                </template>
            </template>
        </section>

Answer 1

所以，我能够通过在bower.json中更新iron-meta到版本2.0.0并运行bower update来解决这个问题。