如何根據 angularJs 中的條件突出顯示表格行？

Question

所以我得到了顯示某些數據的表格，其中包括日期和其他內容。 我想要的是突出顯示日期與當天相同的行。 表按日期排序。 關於這個用例的任何想法？ 這是我的代碼：

 <table class="table table-striped" style="font-size:14px; margin-left: 5px;">
  <head>
   <tr>
     <th style="text-align: left;"><data-i18n i18n="_m_f_pen_feeding_start_date_">Feeding date</data-i18n></th>
     <th style="text-align: left;"><data-i18n i18n="_m_f_pen_frequency_of_feeding_">Frequency of feeding</data-i18n></th>
            <th></th>
   </tr>
</thead>
    <tbody>
      <tr ng-repeat="freq in vm.details.pen_feeding_scheduler_list | orderBy:'-start_feeding_date'">
       <td style="min-width: 120px; text-align: left;">{{freq.start_feeding_date | date:'shortDate'}}</td>
       <td style="min-width: 120px; text-align: left;  display: inline-block;white-space: nowrap">{{freq.feeding_frequency || ('_label_empty_' | i18n)}}</td>
       </tr>
      </tbody>
     </table>

在我的 controller 中，我將當前日期設置為：

 vm.current_date = new Date().toISOString().slice(0, 10)

如果您需要更多代碼，我可以提供。 提前致謝

Answer 1

這是一個簡單示例的小提琴鏈接。 您可以根據需要對其進行修改。

<div ng-class="getClass()">text</div>

Controller：

var myModule = angular.module('app', []);
var current_date = new Date().toISOString().slice(0, 10);

myModule.controller('myCtrl', function ($scope) {


  $scope.getClass = function(){
        if(current_date == '2020-07-23'){
      return 'blue';
      }else{
      return 'red';
      }
  }

});

http://jsfiddle.net/5oc3fqzj/

如何根據 angularJs 中的條件突出顯示表格行？

問題描述

1 個解決方案

解決方案1
0 2020-07-23 09:45:32

如何根據 angularJs 中的條件突出顯示表格行？

問題描述

1 個解決方案

解決方案1 0 2020-07-23 09:45:32

解決方案1
0 2020-07-23 09:45:32