角度按鈕圖標未顯示

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>