title: How to pass an angularjs variable value to a javascript function?
body: <p>In this code I'm attempting to pass a AngularJS paramter to a function : </p>
  
  <pre><code>&lt;div ng-app ng-controller="LoginController"&gt;
      &lt;p&gt;&lt;a href='javascript:display({{ user.firstName }});'&gt;{{ user.firstName }}&lt;/a&gt;
  &lt;/div&gt;
  
  function LoginController($scope) {
      $scope.user = {
          firstName: "Foo"
      };
  }
  
  function display(text){
      alert(text)
  }
  </code></pre>
  
  <p>When "Foo" is clicked "Foo" should be displayed but how to pass an angularjs variable value to a javascript function ?</p>
  
  <p>Fiddle : <a href="http://jsfiddle.net/Lt7aP/534/" rel="nofollow">http://jsfiddle.net/Lt7aP/534/</a></p>