Comment unwatch " une expression

Avoir un répéteur avec un grand tableau que vous ne regardez pas de regarder chaque élément.

Vous aurez besoin de créer un personnalisé directive qui prend un argument, et l'expression de votre tableau, puis dans la fonction de liaison de vous venais de regarder ce tableau, et vous auriez la fonction de liaison par programme actualiser le code HTML (plutôt que d'utiliser un ng-repeat)

quelque chose comme (pseudo-code):

app.directive('leanRepeat', function() {
    return {
        restrict: 'E',
        scope: {
           'data' : '='
        },
        link: function(scope, elem, attr) {
           scope.$watch('data', function(value) {
              elem.empty(); //assuming jquery here.
              angular.forEach(scope.data, function(d) {
                  //write it however you're going to write it out here.
                  elem.append('<div>' + d + '</div>');
              });
           });
        }
    };
});

... ce qui semble être une douleur dans le cul.

Suppléant hackish méthode

Vous pourriez être en mesure de faire une boucle par $scope.$$watchers et d'examiner $scope.$$watchers[0].exp.exp pour voir si elle correspond à l'expression que vous souhaitez supprimer, puis l'enlever avec un simple splice() appel. La PITA ici, c'est que des choses comme Blah {{whatever}} Blah entre les balises seront l'expression, et même inclure des retours chariot.

À la hausse, vous pourriez être en mesure de simplement faire une boucle par le $portée de votre ng-repeat et d'effacer tout, puis ajouter explicitement la montre que vous voulez... je ne sais pas.

De toute façon, il semble comme un hack.

Pour supprimer un observateur faite par $scope.$regarder

Vous pouvez annuler l'inscription d'un $watch avec la fonction renvoyée par le $watch appel:

Par exemple, pour avoir un $watch déclencher une seule fois:

var unregister = $scope.$watch('whatever', function(){ 
     alert('once!');
     unregister();
});

Vous pouvez, bien sûr, appelez la fonction désinscription à tout moment vous voulez... c'était juste un exemple.

Conclusion: Il n'y a pas vraiment une bonne façon de faire exactement ce que vous demandez

Mais une chose à considérer: Est-il même la peine de s'inquiéter à propos de? Par ailleurs est-ce vraiment une bonne idée d'avoir des milliers de documents chargés dans des dizaines de DOMElements chaque? De la nourriture pour la pensée.

J'espère que ça aide.

---

EDIT 2 (supprimé mauvaise idée)

Edit: voir la réponse que j'ai posté.

J'ai fait et mis en œuvre blesh l'idée dans un seperable façon. Mon ngOnce directive simplement détruit l'enfant qui ngRepeat crée sur chaque élément. Cela signifie que le champ d'application n'a pas obtenir de l'atteinte de ses parents scope.$digest et les observateurs ne sont jamais exécutées.

Source et exemple sur JSFiddle

La directive elle-même:

angular.module('transclude', [])
 .directive('ngOnce', ['$timeout', function($timeout){
    return {
      restrict: 'EA',
      priority: 500,
      transclude: true,
      template: '<div ng-transclude></div>',
        compile: function (tElement, tAttrs, transclude) {
            return function postLink(scope, iElement, iAttrs, controller) {
                $timeout(scope.$destroy.bind(scope), 0);
            }
        }
    };
}]);

De l'utiliser:

      <li ng-repeat="item in contents" ng-once>
          {{item.title}}: {{item.text}}
      </li>

Note ng-once ne pas créer son propre champ qui signifie qu'il peut affecter les éléments frères. Ces tous la même chose:

  <li ng-repeat="item in contents" ng-once>
      {{item.title}}: {{item.text}}
  </li>
  <li ng-repeat="item in contents">
      <ng-once>
          {{item.title}}: {{item.text}}
      </ng-once>
  </li>
  <li ng-repeat="item in contents">
      {{item.title}}: {{item.text}} <ng-once></ng-once>
  </li>

Note cela peut être une mauvaise idée

Si vous utilisez angularjs 1.3 ou au-dessus, vous pouvez utiliser le seul lier syntaxe que

<li ng-repeat="item in ::contents">{{item}}</li>

Cela aura pour effet de lier la valeur et va supprimer les observateurs, une fois la première digérer cycle est exécuté et la modification de la valeur de undefined à defined pour la première fois.

Très utile BLOG sur ce.