<!DOCTYPE html>
<html ng-app="myApp">

  <head>
    <link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
    <script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script data-require="bootstrap@3.1.1" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="myController">
    <h2>Access ng-Repeat Scope From Parent Scope</h2>
    <p>The ng-repeat directive creates a $scope for each item in the collection that we pass to it. 
      This is a demo showing how we can pass that scope to a method on the parent controller's $scope
      in order to manipulate them individually.
    </p>
    <ul>
      <li ng-repeat="person in myCollection">
        <span ng-class="{ bold : isBold }">{{ person.name }} is aged {{ person.age }} </span>
        <button class="btn btn-default btn-xs" ng-click="toggleBold(this)">toggle bold</button>
      </li>
    </ul>
  </body>

</html>
// Code goes here

angular.module("myApp" , [])

.controller("myController", function($scope) {
  
  $scope.myCollection = [
      { name: 'John', age: 25 },
      { name: 'Barry', age: 43 },
      { name: 'Kim', age: 26 },
      { name: 'Susan', age: 51 },
      { name: 'Fritz', age: 19 }
    ];
    
  $scope.toggleBold = function(repeatScope) {
      if (repeatScope.isBold) {
        repeatScope.isBold = false;
      } else {
        repeatScope.isBold = true;
      }
  };
});
/* Styles go here */

.bold {
  font-weight: bold;
}
# Access the scope created by ng-repeat from the parent scope.

The ng-repeat directive creates a $scope for each item in the collection that we pass to it. 
This is a demo showing how we can pass that scope to a method on the parent controller's $scope
in order to manipulate them individually.