title: AngularJS - can't detect event on click
body: <p>I am making my first steps with angular, I just want to simply clear the content of a input text when I click on it. this is the markup</p>
  
  <pre><code>&lt;div ng-app="myApp" ng-controller="myCtrl"&gt;
  
  First Name: &lt;input id="123" type="text" ng-click="unsetValue($e)" ng-model="firstName"&gt;&lt;br&gt;
  Last Name: &lt;input id="456" type="text" ng-click="unsetValue($e)" ng-model="lastName"&gt;&lt;br&gt;
  &lt;br&gt;
  Full Name: {{firstName + " " + lastName}}
  
  &lt;/div&gt;
  </code></pre>
  
  <p>this is the js in an external file</p>
  
  <pre><code>var app = angular.module('myApp', []);
  
  app.controller('myCtrl', function($scope) {
  $scope.firstName= "John";
  $scope.lastName= "Doe";
  
  $scope.unsetValue = function($event) {
      console.log($event);
  }
  </code></pre>
  
  <p>when I click the control, $event is undefined, any idea why?</p>
  
  <p>thanks
  M</p>