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等选项，当我点击senttoFolder1时它会调用一个动作。如何使用fontawesome图标实现这一目标。

Answer 1

使用div上的按钮可以解决问题：

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

您可能需要稍微更改一下iconRow类，具体取决于它是什么。根据名称，我想也许包装器将是iconRow造型的好地方。

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

1 个答案: