Как создать функцию $ watch, которая прослушивает вложенное свойство?

Question

Как создать функцию $ watch, которая прослушивает вложенное свойство?

0

У меня есть свойство функции, которое запускается, когда я перетаскиваю поле div (gridster). Функция не вызывает никаких проблем, поскольку я могу видеть ее каждый раз в console.log(). Но я не могу представить функцию $watch er на функции. Я хочу наблюдать за start, drag и/или stop свойство всякий раз, когда он вызывается в следующем объекте:

$scope.gridsterOpts = {
    draggable: {
        start: function(event, $element, widget) {console.log('started: ' + JSON.stringify(widget));},  
        drag: function(event, $element, widget) {console.log('moved: ' + JSON.stringify(widget));}, // optional callback fired when item is moved,
        stop: function(event, $element, widget) {logWidget(widget);}  
    }
}

Это то, что я пробовал:

$scope.$watch("gridsterOpts.draggable.start", function(newValue, oldValue) {
    console.log('gridsterOpts changed')
}, true);

Может ли кто-нибудь сказать мне правильный способ реализации службы $ watch?

KO12 01 июнь 2016, в 17:50

Источник

0

Чего ты пытаешься достичь? Функция прослушивания $watch будет срабатывать только при $scope.gridsterOpts.draggable.start значения $scope.gridsterOpts.draggable.start . Слушатель $watch не будет срабатывать при вызове функции.
Saad 01 июнь 2016, в 16:36
0

это объясняет, почему console.log не показывает, есть ли возможность вызвать службу наблюдения при простом вызове функции?
KO12 01 июнь 2016, в 16:50
0

Вы используете angular-gridster ? Правильно?
Saad 01 июнь 2016, в 17:14
0

Что вы пытаетесь достичь? Может быть, есть способ сделать это без $watch .
georgeawg 01 июнь 2016, в 18:17
0

@KO12 KO12 Как и georgeawg, я также думаю, что вам не нужны $watch поскольку вы можете выполнять работу в соответствующей функции. Можете ли вы сказать нам, что вы хотите сделать в функции $watch listener?
Saad 01 июнь 2016, в 18:57

Показать ещё 3 комментария

Теги:

javascript

jquery

angularjs

1 ответ

Ещё вопросы

Чего ты пытаешься достичь? Функция прослушивания $watch будет срабатывать только при $scope.gridsterOpts.draggable.start значения $scope.gridsterOpts.draggable.start . Слушатель $watch не будет срабатывать при вызове функции.
это объясняет, почему console.log не показывает, есть ли возможность вызвать службу наблюдения при простом вызове функции?
Вы используете angular-gridster ? Правильно?
Что вы пытаетесь достичь? Может быть, есть способ сделать это без $watch .
@KO12 KO12 Как и georgeawg, я также думаю, что вам не нужны $watch поскольку вы можете выполнять работу в соответствующей функции. Можете ли вы сказать нам, что вы хотите сделать в функции $watch listener?

Juanín · Answer 1 · 2016-06-01T14-25-00.000Z

Я думаю, вы можете сделать что-то вроде этого:

$scope.$watch(function() {return $scope.gridsterOpts.draggable.start}, function(newValue, oldValue) {
            console.log('gridsterOpts changed')
        }, true);

Вы можете попробовать снова с $ scope внутри возврата вместо простой области видимости?
Я пытался и ничего не делал. Предложенная вами служба наблюдения будет срабатывать только в том случае, если сама функция изменилась, а не при ее вызове. Мне нужно, чтобы он срабатывал при вызове функции.