title: ng-click not calling the function
body: <p>I am learning AngularJs and was trying to run a custom directive. I have a button and on click of the button, I need to handle to event inside my controller. I am not getting the function call on <code>ng-click</code> directive. I am attaching the <code>plnkr</code> link: <a href="http://plnkr.co/edit/0S0LDh9Xo8gzDhNvb88H?p=preview" rel="nofollow">Link to plnkr</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// Code goes here
  angular.module("app", []);
  
  angular.module('app').controller('mainCtrl', function($scope){
    
    $scope.developer={
      name: "Pradeep Kumar L",
      age: 32,
      city: "Bengaluru",
      friends:[
        "Praveen",
        "Kori",
        "Kiran"
        ]
    }
   
   $scope.handleClick = function(){
     developer.rank="friend";
      console.log("button clicked..");
    }
  
  });
  
  angular.module('app').directive('mySimpleDirective', function(){
    return{
      restrict: "E",
      templateUrl: 'userInfoCard.html'
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;div class="panel panel-primary"&gt;
    &lt;div class="panel-heading"&gt;
    &lt;h4&gt;{{developer.name}}&lt;/h4&gt;
    &lt;/div&gt;
    &lt;div class="panel-body"&gt;
      &lt;span ng-show='!!developer.age'&gt;&lt;h4&gt;User age:  {{developer.age}}&lt;/h4&gt;&lt;/span&gt;
      &lt;h4&gt;User city: {{developer.city}}&lt;/h4&gt;
      &lt;h4&gt;Friends&lt;/h4&gt;
      &lt;ul&gt;
        &lt;li ng-repeat="friend in developer.friends"&gt;
          {{friend}}
          
        &lt;/li&gt;
      &lt;/ul&gt;
      &lt;div ng-show="!developer.rank"&gt;
        Rank: {{developer.rank}}
      &lt;/div&gt;
      &lt;div ng-show="!developer.rank"&gt;
        &lt;button class="btn btn-success"  ng-click="handleClick(developer)"&gt;Click Me&lt;/button&gt;    
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>