Question

我有一个按钮如下。该按钮由＆lt; a＆gt;组成。链接，而按钮文本是一个字体 - 令人敬畏的眼睛图标。

<a class="action-button ng-scope" 
   ng-click="orderCtrl.showDetails(gridItem)">
      <i class="fa fa-eye"></i>
</a>

CSS：

.action-button {
    display: inline-block;
    padding: 3px 5px 5px 4px;
    margin: 0 2px;
    border: 1px solid rgb(172, 172, 172);
    width: 23px;
    border-radius: 3px;
    height: 23px;
    box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.37) inset;
    cursor: pointer;
    line-height: 14px;
}
fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    position: relative;
}

现在奇怪的是，只有当我点击字体外太棒的眼睛形状区域时按钮才有效。如果我点击眼睛内部，它不会触发。

Answer 1

您不需要在那里包含锚标记，因为您混合了两个相似的概念。

只需这样做。

<i class="fa fa-eye"  ng-click="showDetails(gridItem)"></i>

字体很棒的图标没有响应ng-click

1 个答案: