title: angular ng-click inside ng-repeat
body: <p>I have a problem to bind the <code>ng-click</code> directive with a method inside my controller. I have tried to put curly brackets inside <code>ng-click</code>, but with a syntax error. The same behavior occurs if I put <code>ng-click="{{action.method}}"</code>. </p>
  
  <h2>index.html</h2>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="app"&gt;
  &lt;head&gt;
    &lt;script data-require="angular.js@1.2.11" data-semver="1.2.11" src="http://code.angularjs.org/1.2.11/angular.js"&gt;&lt;/script&gt;
    &lt;script src="script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body ng-controller="Controller"&gt;
    &lt;ul ng-repeat="action in actions"&gt;
      &lt;li ng-click={{action.method}}&gt;{{action.name}}&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <h2>controller.js</h2>
  
  <pre><code>var app = angular.module('app',[])
  
  app.controller('Controller',['$scope',function ($scope) 
  {
    $scope.actions = [
      {
        name : 'add Folder',
        method : 'addFolder()'
      }  
    ]
  
    $scope.addFolder = function(){
      alert('addFolder')
    }
  }])
  </code></pre>
  
  <p>Any suggestions?</p>