title: AngularJS - passing this.value into a function
body: <p>I have this code in native javascript and it works all right. it logs the textbox's current value</p>
  
  <pre><code>&lt;script&gt;
      var boom = function(val) {
          console.log(val);
      };
  &lt;/script&gt;
  
  &lt;input type="text" onclick="boom(this.value)"/&gt;
  </code></pre>
  
  <p>Then I want to do the same on AngularJS without using model. Here is the code:</p>
  
  <pre><code>$scope.boom = function(val) {
      console.log(val);
  };
  
  &lt;input type="text" ng-click="boom(this.value)"/&gt;
  </code></pre>
  
  <p>But it always logs <strong>undefined</strong>!<br>
  <em>Why</em>?</p>