如何在角度材料2中制作平面图标按钮？答案

【问题标题】：How to make a flat icon button in angular material 2?如何在角度材料2中制作平面图标按钮？
【发布时间】：2017-05-18 05:13:18
【问题描述】：

我想要一个与angular material documentation site 相同的图标按钮。

您可以查看下图中的查看源代码和plunker按钮。我不知道是否有任何指令。在文档中，他们展示了带有md-fab 和md-mini-fab 属性的图标。

我想要一个与下图中的View source code 和Plunker 按钮相同的图标按钮。

【问题讨论】：

【解决方案1】：

使用button 元素上的md-icon-button 属性来获取图标按钮：

<button md-icon-button mdTooltip="Check me">
    <md-icon>check</md-icon>
</button>

注意：如果您使用Material Icons by Google，请确保将样式表导入您的index.html 或styles.css，因为material2 默认不会提供它。 （您也可以使用其他图标，例如SVG icons 或CSS）

添加以下代码以将 Material Icons 样式表导入您的 index.html（如上所述）：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

或通过 CSS（styles.css）：

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

更多信息：

【讨论】：