angularjs/font-awesome:如何使用表示错误的感叹号显示额外的表格单元格

<!-- 引入 AngularJS -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>

<!-- 引入 Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-Bap6frwd7Y1Uz2d4DFJ4IJKU5RKkQNnmDB5hdLvfCxJbpqphKzTTD2D1Zqu6BFG0rrwrMG+NVAD/0/4LZ3XPbQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<table>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
    <td ng-class="{'error-cell': showError}"><i class="fas fa-exclamation-circle"></i></td>
  </tr>
</table>

angular.module('myApp', []).controller('myCtrl', function($scope) {
  $scope.showError = true; // 设置为true时显示错误单元格，设置为false时不显示
});

.error-cell {
  background-color: #ffcccc; /* 设置背景颜色为浅红色，表示错误 */
}