Untitled

<!doctype html>
<html ng-app="myApp">
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
        <link href="css/mainstyles.css" type="text/css" rel="stylesheet">
            <script src='js/libraries/arrows.1.0.0.js' type='text/javascript'></script>
              <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
            <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
        <title>MySite</title>
               </head>

           <body ng-app="myApp">
           <div id="plan" ng-controller="planController">
           <div ng-repeat="paragraph in plan" class="paragraph"> <!-- Как ты понимаешь, с вот таким именем создаются классы. Там их 4, если что -->
              <p class="title"> {{ paragraph.title }} </p>
              <p class="description"> {{ paragraph.description }} </p>
            </div>
           </div>


<script type='text/javascript'>
  var arrowsDrawer1 = $cArrows('#plan');
  arrowsDrawer1.arrow('elem 1', 'elem 2');    <!-- Вот тут нужно как-то обратиться к одинаковым классам -->
</script>

<script src="js/controllers/planController.js"></script>
           </body>
</html>