离子按钮带有图标而不是文本

Question

我想拥有＆＃34; ion-android-sync＆＃34;图标（http://ionicons.com） 我目前的代码是

<button class="button" ng-click="loadEvents()">L</button>

适当的班级结构是什么？

另外，如果我只是加载在ionicons.com上公布的css文件就足够了？

Answer 1

您可以使用ion-icon元素在按钮内使用离子图标。 我希望它能达到你的要求

例如，我将在按钮

中添加facebook徽标

 <button class="button" ng-click="loadEvents()"><ion-icon name="logo-facebook"></ion-icon></button>