AngularJS: variable en ng-repeat sans $champ d'application en est à sa portée locale?

voici le code:

<ul>
  <li ng-repeat="i in items" ng-class="{'red': click}">
    <span ng-click="click = !click">{{i}}</span>
  </li>
</ul>

<ul>
  <li ng-repeat="j in items" ng-class="{'red': f_click}">
    <span ng-click="fun_click($index)">{{j}}</span>
  </li>
</ul>

f_click changement dans fun_click fonction.

$scope.fun_click = (idx) ->
    $scope.f_click = !$scope.f_click

les codes complètes:
http://plnkr.co/edit/Zmoqbv?p=preview

Je me demande ce que la variable click dans la première liste est une variable locale pour chaque ng-repeat élément ?
comment était-il ?

Comment pourrais-je faire f_click dans la deuxième liste des œuvres comme la click ?
Semble que le $scope.f_click est la seule variable dans le ng-controller.

Mise à jour:

Je pense que j'ai juste fait les choses mal.
Je ne devrais pas écrire des choses dans "Affichage".

en lecture seule;
en écriture seulement dans le Contrôleur.
http://www.jacopretorius.net/2013/07/angularjs-best-practices.html

merci les gars! J'ai lu toutes vos réponses, et j'apprends beaucoup de choses! merci beaucoup à vous tous! J'espère que je pourrais aider quelqu'un dans quelques jours.

OriginalL'auteur zx1986 | 2013-10-03

  1. 4

    Comment pourrais-je faire f_click dans la deuxième liste des œuvres comme la cliquez

    Comme je sais que vous ne pouvez pas. À partir de votre 1er exemple click ne fait pas référence à toute la portée.

    f_click se réfère à la portée spécifique et tout changement qui distribue sur tous les éléments (aka sur tous les éléments de la boucle)

    Vous pouvez fournir drapeau par des valeurs telles que:

    $scope.items2 = [
{'name': 'Google','value':false},
{'name': 'Apple','value':false},
{'name': 'Yahoo','value':false},
{'name': 'IBM','value':false},
];

 $scope.fun_click = (item) ->
   item.value = !item.value;

    HTML

     <ul>
  <li ng-repeat="j in items2" ng-class="{'red': j.value}">
    <span ng-click="fun_click(j)">{{j.name}}</span>
  </li>
</ul>

    Voir Plunker

    vous n'avez même pas besoin de leur donner par défaut value: false , vous le savez: plnkr.co/modifier/qgXbDp?p=preview
    Vous avez raison à 100%, mais il rend le code illisible. Après 2 mois d'autres programmeur besoin de passer du temps à comprendre pourquoi elle est fausse,. Ses comme en Java, vous tapez if(flag) ou if(flag==true)

    OriginalL'auteur Maxim Shoustin

  2. 3

    ng-repeat crée un champ pour chaque itération. Le click variable vit à l'intérieur de chaque ng-repeat champ d'application, en d'autres termes, il est privé. Si vous placez {{click}} juste après la <body ng-controller="MainCtrl"> mais avant de le ng-repeat, il ne montre rien, car click existe dans l'intérieur de la portée(s).

    D'autre part f_click vie dans le champ d'application de la MainCtrl, qui est le parent portée pour les deux ng-repeats. La fonction qui change ( fun_click ), vit dans la portée parent trop. Le ng-repeat étendues hériter de la seule instance de cette variable, donc le comportement observé.

    De faire f_click travail comme click vous auriez à le rendre privé à la portée de chaque ng-repeat itération. Une solution consiste à définir f_click et fun_click() dans un contrôleur à l'intérieur de ng-repeat. D'autres solutions sont possibles.

    "ng-repeat crée un champ pour chaque itération." merci! @Nikos je vais lire les docs de plus en plus profondément.

    OriginalL'auteur Nikos Paraskevopoulos

  3. 3

    La raison première ngRepeat œuvres et le second ne l'est, car ngRepeat créer un champ pour chaque élément. En d'autres termes, il y a un cas de click variable pour chaque élément dans items et par le basculement de la click variable à l'intérieur d'un ngClick vous êtes en effet de travailler avec le secteur privé de l'instance. Dans le deuxième exemple, vous accédez à la f_click à l'aide de $scope du contrôleur, qui est le parent de ngRepeat portée, et, par conséquent, les modifications sont propagées à tous les enfants étendues.

    Une solution simple à votre problème est donc de passer le f_click instance créée en ngRepeat à votre fonction:

    //Script
$scope.fun_click = (toggle) ->
    return !toggle

//HTML
<span ng-click="f_click=fun_click(f_click)">{{j}}</span>

    Si vous souhaitez maintenir l'état dans $scope, vous pouvez utiliser un dictionnaire pour vérifier le statut de chaque $index:

    //Script
$scope.form_status = {}
$scope.fun_click = (index) ->
    $scope.form_status[index] = !$scope.form_status[index]

//HTML
<li ng-repeat="j in items" ng-class="{'red': form_status[$index]}">
    <span ng-click="fun_click($index)">{{j}}</span>
</li>

    Ici est mis à jour plunker: http://plnkr.co/edit/w6RLed?p=preview

    OriginalL'auteur marcoseu