0

Есть такой код:

$scope.$watch(NgTimeManager.getTime(), function (time) {
                $scope.currentTime = time;
            });

Где:
NgTimeManager.getTime() - возвращает текущее время ( просто число, например: 1501589214000 ).
$scope.currentTime - хочу в этой переменной иметь актуальное время.

Может я неправильно понимаю принцип работы $watch, по непонятным мне причинам переменная currentTime не обновляется. В чем может быть проблема?

UPD переписал как в документации, не работает:

   $scope.$watch(NgTimeManager.getTime(), 
        function (newValue, oldValue) {
            if (newValue !== oldValue){
                console.log("Changed");
                $scope.currentTime =  newValue;
            }  
    });
7
  • это не watch Не работает, это ерунда написана. Посмотри какие параметры принимает $watch и посмотри что ты ему передаешь
    – Grundy
    1 авг 2017 в 12:14
  • вообще добавлять watch на постоянно изменяющееся значение - ошибка, просто сразу упадешь в infinit digest
    – Grundy
    1 авг 2017 в 12:29
  • переписал как в документации, не работает - nope, это НЕ как в документации
    – Grundy
    1 авг 2017 в 12:30
  • какое решение лучше применить в моем случае? 1 авг 2017 в 12:30
  • 2
    Тогда воспользуйся советом использовать $timeout или $interval сервисы, они отрабатывают через указанные промежутки времени
    – Grundy
    1 авг 2017 в 12:43

2 ответа 2

0

Попробуйте вот так:

$scope.$watch(function() { return NgTimeManager.getTime();}, 
    function (newValue, oldValue) {
        if (newValue !== oldValue){
            console.log("Changed");
            $scope.currentTime =  newValue;
        }  
});
5
  • не очень хороший совет, если NgTimeManager.getTime() при каждом вызове будет давать разные значения
    – Grundy
    1 авг 2017 в 12:55
  • @Grundy так разве не в этом смысл $watch? вызывается первая функция первый раз, сохраняется значение, вызывается первая функция второй раз, сравнивается с предыдущим, если значения разные, то вызываем колбэк в котором уже не обязательно проверять if (newValue !== oldValue). 1 авг 2017 в 13:03
  • то вызываем колбэк и после этого запускаем digest опять, чтобы убедиться, что больше ничего не поменялось
    – Grundy
    1 авг 2017 в 13:05
  • @Grundy, это уже вопрос по архитектуре приложения. Изначальный вопрос был почему не работает $watch 1 авг 2017 в 13:07
  • Не приложения, а именно ангуляра
    – Grundy
    1 авг 2017 в 13:14
0

Просто запустите $interval и в его колбеке делайте то что вам надо.

var app  = angular.module("app",[]);
app.controller("test", ['$interval','$scope',function($interval, $scope){
$interval(function(){$scope.time = new Date();}, 1000);
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<html>
<body data-ng-app="app">
<div data-ng-controller="test">
<span data-ng-bind="time"></span>
</div>
</body>
</html>

Но вообще то это идея плохая. Дело в том, что $interval каждый раз запускает digest который, в выполняет много другой работы. И запускать его лишний раз не стоит. Я бы, на вашем месте, реализовал этот ползунок на нативном js и обернул в директиву. Так вы получите и доступ к ползунку, и код будет чище, и сможете, если что, и с перформансом поиграться. Если вам не нужно ничего обновлять на вьюшке (что связано с ползунком) то от $intervala можно откзааться в пользу простого setInterval.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.