字体图标 fa fa-eye fa-lg 未在页面上反射或显示

Question

<ul class="dropdown-menu pull-right">
  <li style="display : {!IF(editShow == true, '', 'none')};">
    <a class="remove-table-row" href="javascript:void(0)" ng-click="removeLeadTime(leadTime.Id)">
      <i class="fa fa-eye fa-lg" aria-hidden="true"></i> View Delta
    </a>
  </li>
  <li style="display : {!IF(editShow == true, '', 'none')};">
    <a class="remove-table-row" href="javascript:void(0)" ng-click="removeLeadTime(leadTime.Id)">
      <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i> View Full Comparison
    </a>
  </li>
</ul>

Answer 1

您需要

导入font-awesome css 库才能使它们工作

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<ul class="dropdown-menu pull-right">
  <li style="display : {!IF(editShow == true, '', 'none')};">
    <a class="remove-table-row" href="javascript:void(0)" ng-click="removeLeadTime(leadTime.Id)">
      <i class="fa fa-eye fa-lg" aria-hidden="true"></i> View Delta
    </a>
  </li>
  <li style="display : {!IF(editShow == true, '', 'none')};">
    <a class="remove-table-row" href="javascript:void(0)" ng-click="removeLeadTime(leadTime.Id)">
      <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i> View Full Comparison
    </a>
  </li>
</ul>