选择带有字体真棒图标的选项

Question

我在一行中显示字体很棒的图标。当我单击一个图标时，它会采取行动。而且我试图寻找一个图标然后它应该显示该选项，当我单击该选项时它应该采取行动。 这是我的代码。

<div  class="iconsInfo">
        <div>             
            <div ng-if="isReply()" ng-click="replyMessage()" class="iconRow" title="Reply">
                <i class="fa fa-reply"></i>
            </div>
            <div ng-if="isReplyAll()"ng-click="replyAll()" class="iconRow"  title="Reply All">
                <i class="fa fa-reply-all"></i>
            </div>
            <div ng-if="isForward()" ng-click="forwardMessage()" class="iconRow"  title="Forward">
                <i class="fa fa-reply fa-flip-horizontal"></i>
            </div>
            <div ng-if="!isDeleted()" ng-click="deleteMessage()" class="iconRow"  title="Delete Message">
                <i class="fa fa-trash"></i>
            </div>

            <div ng-show="canMoveToFolder()" class="iconRow">
                <i class="fa fa-folder-o"> </i> 

            </div> 

在这里，当我单击回复图标时，它会调用 replyMessage 。当我单击文件夹图标时，它应该显示诸如 sendToFolder1、sentToFolder2 之类的选项，当我单击 sendtoFolder1 时，它会调用一个动作。如何使用 fontawesome 图标来实现这一点。

Answer 1

在 div 上使用按钮是一种解决方案：

<button ng-if="isReply()" ng-click="replyMessage()" class="iconRow" title="Reply">
    <i class="fa fa-reply"></i>
</button>

您可能需要稍微更改您的 iconRow 类，具体取决于它是什么。根据名称，我想包装器可能是 iconRow 样式的好地方。