$ watchGroup vs $ watchCollection?

Il y a 2 façons de voir un groupe de variables Angulaire. Mais quelle est la différence entre eux?

Ils ont tous deux semblent faire peu profonde montres. Existe-il des situations où l'on est évidemment préférable à l'autre?

source d'informationauteur Atav32 | 2015-05-13

  1. 28

    $watchCollection sera peu profonde regarder les propriétés d'un seul objet et vous avertir si l'un d'entre eux.

    $watchGroup cependant montres un groupe de personne montre des expressions.

    Ils ne sont pas fonctionnellement équivalent. $watchGroup peut être utilisé lorsque vous souhaitez regarder une multitude d'expressions qui doivent tous répondre à la même rappel - ci pourrait être une expression individuelle qui ciblent les différents objets. Cela pourrait être utilisé pour regarder des 'foo''foo.bar'et 'baz.qux'. Ces 3 types de cibles - foofoo's bar propriété et baz's qux de la propriété, mais ils seront tous délégué à la même gestionnaire.

    En revanche, $watchCollection ne peu profonde, regarder un seul objet. Cela rend-il mieux pour un objet qui peut modifier les propriétés d'un lot (par exemple, la nôtre $scope). En accord avec nos déchets exemples de nom de, pour obtenir le même que ci-dessus, vous ne voulez regarder foo et bazmais vous serez averti de tout changement dans foo et baz (plutôt que de simplement être informé de ces changements sur foo lui-même, foo.bar et baz.qux.

  2. 11

    Voici un exemple d'utilisation de chacun.

    $scope.data = ['Abc', 'Bcd', 'Cde', 'Def'];
$scope.$watchCollection('data', function(){...});
//responds to changes within $scope.data
//The following line will trigger the watch function:
$scope.data[0] = 'FOO';

    -

    $scope.data = ['Abc', 'Bcd', 'Cde', 'Def'];
$scope.$watchGroup('data', function(){...});
//responds to changes on the properties (or functions, etc.)
//Any angular expression can be used in $scope.data
//The following line will trigger the watch function:
$scope.Abc = 'FOO';