AngularJS - Ng click inside ng repeat for all items
<p>I have following AngularJS Script:</p>

<pre><code>  &lt;div ng-app='app' ng-controller="myctrl"&gt;
    &lt;ul ng-repeat="module in data.data"&gt;
     &lt;li &gt;{{module.name}}&lt;br&gt;&lt;span ng-click="module.changer = { 'on': 'off', 'off':'on'}[module.changer]; event.PreventDefault;"&gt;{{module.changer}} &lt;/span&gt;&lt;/li&gt;
   &lt;/ul&gt;&lt;/div&gt;
</code></pre>

<p>Please also have a look to following Plunker:
<a href="https://plnkr.co/edit/a7aTK09lDJ3FlCHgdWIf?p=preview" rel="nofollow">https://plnkr.co/edit/a7aTK09lDJ3FlCHgdWIf?p=preview</a></p>

<p>When I click now on a items 'changer' (on or off), it will switch to the other value for the specific item.</p>

<p>But I want that the value is changing for all the items inside the ng-repeat, when I click on one of the item. How can I do that ?</p>