Значок шрифта 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>