title: AngularJS - Parameter binding in controllers
body: <p>I've got the following code sample and apparently I once again lack some background information.</p>
  
  <p>When I use the <code>greet</code> directive, there is a binding happening on the controller level. For some reason it binds the element and the attribute values of the element to those corresponding variables (<code>$attr</code>, <code>$element</code>).</p>
  
  <p>Is there a list with all the existing bindings which exist for the controllers?</p>
  
  <p>I've done some research, but couldn't come up with anything in this direction.</p>
  
  <h2>directives.js</h2>
  
  <pre><code>angular.module('TodoApp.directives', []).    
      directive('greet', function () {
      return {
          template: '&lt;h2&gt;Greetings from {{from}} to {{to}}&lt;h2&gt;',
          controller: function($scope, $element, $attrs) {
              $scope.from = $attrs.from;
              $scope.to = $attrs.greet;
          }
      };
  });
  </code></pre>
  
  <h2>list.html</h2>
  
  <pre><code>....
  &lt;div greet="Test1" from="Test2"&gt;&lt;/div&gt;
  ...
  </code></pre>