Не обновляется значение сервиса в директиве AngularJS?

Question

[Alexey]

Использую Ангуляр 1 версии.

Есть директива:

.directive('lives', ['freelive', 'liveNum', '$timeout', function(freelive, liveNum, $interval) {
        return {
            restrict: 'AE',
            replace: true,
            freelive: freelive,
            templateUrl: 'templates/directives/lives.html',
            link: function(scope, elem, attrs) {
                scope.liveValue = liveNum.total;
                
                $interval(function() {
                    liveNum.total = liveNum.total - 1;
                    console.info('UPDATED!');
                }, 3000);
            }
        };
    }]);

В данной директиве есть scope.liveValue который содержит значение из сервиса:

angular
        .module('starter')
        .value('liveNum', {
            minimum: 0,
            maximum: 20,
            oneTouch: 1,
            total: 20
        });

При изменении значения в директиве liveNum.total = liveNum.total - 1; значение в template:
<div class="live-value">{{liveValue}}</div>
не изменяется.
Почему? Нужно ли использовать watchers для этого?

Comments

[Сергей Протько]

значение из сервиса:

Это просто значения. Контейнер зависимостей помимо сервисов может еще и параметры для конфигурации этих самых сервисов хранить.

[Alexey]

Сергей Протько: Я понял, но как быть если есть директива и необходимо изменять значение из различных областей. При этом должен быть 2 way data binding? Как в моем случае директива которая использует значение из сервиса.

Answer 1

[sasha]

scope.liveValue = liveNum.total;
                
                $interval(function() {
                    scope.liveValue = scope.liveValue - 1;
                    console.info('UPDATED!');
                }, 3000);

Comments

[Alexey]

Не работает. После 2 раз останавливается интервал и сервис не обновляется.

[sasha]

azovl: кажется тебе нужен decorator

[sasha]

azovl: https://youtu.be/XGJG3qPIN1E?t=6m50s