title: AngularJS call function of object in ng-repeat
body: <p>I have the following controller:</p>
  
  <pre><code>app.controller('TestController', function($scope) {
    $scope.tests = [{
        name: 'Name 1',
        description: 'Some Description',
        actionHandler: function() {
          alert('Action Handler called');
        }
      },
      ...
    ];
  });
  </code></pre>
  
  <p>In my <a href="/questions/tagged/html" class="post-tag" title="show questions tagged &#39;html&#39;" rel="tag">html</a>file I do an <strong><code>ng-repeat</code></strong> like this:</p>
  
  <pre><code>&lt;div ng-repeat="test in tests"&gt;
    &lt;p&gt;{{test.name}}&lt;/p&gt;
    &lt;p&gt;{{test.description}}&lt;/p&gt;
    &lt;a ng-click="{{test.actionHandler}}"&gt;Click me&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It is not really working. I also tried. </p>
  
  <pre><code>&lt;a ng-click="test.actionHandler"&gt;Click me&lt;/a&gt;
  </code></pre>
  
  <p>And</p>
  
  <pre><code> &lt;a ng-click="test.actionHandler()"&gt;Click me&lt;/a&gt;
  </code></pre>
  
  <p>But none seem to work. Any idea how I can call a function of an object inside <strong><code>ng-repeat</code></strong>?</p>
  
  <p>Thanks, xCoder.</p>