javascript - 以 ng-style 获取当前日期-Angularjs

标签 javascript css angularjs

在我的 Angular 应用程序中,如果日期等于今天,我需要将表格行的背景色设为红色。

直到现在,我只有在等于“2016-01-31”时才设法设置红色,

如果“2016-01-31”是当前日期,我该如何让它工作?

        <tbody>
            <tr ng-repeat="issue in data.issues|orderBy:orderByField:reverseSort" ng-style="{'background-color': issue.due_date == '2016-01-31' ?  'red': 'white'}" ng-click="setSelected()">
                <td>{{issue.id}}</td>
                <td>{{issue.project.name}}</td>
                <td>{{issue.subject}}</td>
                <td>{{issue.start_date}}</td>
                <td>{{issue.due_date}}</td>
                <td>{{issue.priority.name}}</td>

            </tr>

        </tbody>

最佳答案

使用一个函数来定义你的值是否是今天

   <tbody ng-controller="MyCtrl">
        <tr ng-repeat="issue in data.issues|orderBy:orderByField:reverseSort" ng-style="{'background-color': isToday(issue.due_date) ?  'red': 'white'}" ng-click="setSelected()">
            <td>{{issue.id}}</td>
            <td>{{issue.project.name}}</td>
            <td>{{issue.subject}}</td>
            <td>{{issue.start_date}}</td>
            <td>{{issue.due_date}}</td>
            <td>{{issue.priority.name}}</td>

        </tr>
    </tbody>

并在您的应用中定义此功能

.controller('MyCtrl', function($scope){
    $scope.today = new Date();

    $scope.isToday = function(compareDate){
       var today = $scope.today;
       return compareDate == today.getFullYear() + '-' + today.getDate() + '-' + today.getMonth();
    }
})

我还建议使用类而不是内联样式,请参阅 ng-class 了解更多信息

关于javascript - 以 ng-style 获取当前日期-Angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35135375/

相关文章:

javascript - 从 Javascript 读取硬编码 csv 文件的最佳实践

css - jQuery Mobile 中的巧妙水平定位?

javascript - 动态添加的模板 div 不持久并在几秒钟内消失

javascript - Angular 过滤器 - 按对象(或多个字段)分组

javascript - 如果 exec 一个 exe,Node JS exec 不会回调

javascript - 如何在 Titanium 中创建一个使用静态数据呈现 g.raphael 饼图的 webview?

javascript - 延迟 Javascript 悬停 Action

用于指定扫描文档上的位置的 CSS

javascript - 谷歌地图回调后Angular2双向绑定(bind)停止工作

javascript - 如何在带有ng-repeat的angular js表中使用复选框数组和文本区域/下拉列表数组?