角度按钮图标未显示

Question

这是我的Web应用程序上现在显示的屏幕截图。 它应该是一个添加按钮，并且具有按钮功能，但是由于某些原因，图像本身未显示：

我不确定这是否是我在HTML或CSS中所做的问题，并且以前从未真正看到过此问题。

与此相关的HTML代码：

<button md-button class="add-btn" aria-label="add">
    <md-icon class="jf-add"></md-icon>
</button>

CSS：

.add-btn {
    text-transform: none;
    color: #007ab4;

    > span {
        padding-left: 4px;
        vertical-align: sub;
    }
}

Answer 1

您是否在模块中定义了材料设计？

例：

angular.module('buttons', ['ngMaterial'])

看起来也不像您在按钮中定义了图标的src

例：

<md-icon md-svg-src="img/icons/cake.svg"></md-icon>