ng-class example

by zolotnitskiy

HTML

<div ng-app="myApp">
    <div ng-controller="ngAppDemoController"> 
        <span ng-init="result = (product.date | dateMark : product.termin)" ng-class="result.class ? 'label label-success' : 'label label-error'">Дата изготовления: {{result.text}} </span>

    </div>
</div>

CSS

.label-success {
    color: green;
}
.label-error {
    color: red;
}

JavaScript

angular.module('myApp', []).controller('ngAppDemoController', function ($scope) {
    $scope.product = {
        "productId": "milk",
            "name": "Молоко",
            "calories": "220 Ккал",
            "price": 12,
            "termin": 3,
            "date": "05.25.2015"
    };
}).filter('dateMark', function () {
    return function (srok, TERMIN) {
        var nowDate = new Date;
        console.log(srok);
        if (Date.parse(nowDate) < (Date.parse(srok) + ((86400000 * TERMIN)))) {
            return {
                text: 'Свежий товар',
                class: true
            };
        } else if (Date.parse(nowDate) > (Date.parse(srok) + ((86400000 * TERMIN)))) {
            return {
                text: 'Термин хранения кончается',
                class: false
            };
        } else return 'Ошибка';
    }
});