title: AngularJs passing parameter values to controller
body: <p>My Html:</p>
  
  <pre><code>&lt;test-app email="hello@hotmail.com"&gt;&lt;/test-app&gt;
  </code></pre>
  
  <p>My Directive: </p>
  
  <pre><code>.directive('testApp', function () {
  return {
      restrict: 'E',
      scope: {
          userEmail = '@userEmail'
      },
      templateUrl: 'Form.html'
  };
  })
  </code></pre>
  
  <p>My Form in another Page:</p>
  
  <pre><code>&lt;label&gt; Email &lt;/label&gt;
  &lt;input type="text" id="email"&gt;
  </code></pre>
  
  <p>Issue: I need to get the parameter value , and print it out on the textbox itself. </p>
  
  <p>What i have done: I research on a lot of articles which demonstrated on how to pass directive parameters to controller but they were very complicated.</p>
  
  <p>What i think is the next step:</p>
  
  <p>1) Pass the directive parameter to the controller and then bind the controller to the textbox and set the value of the textbox to be the parameter value. </p>
  
  <p>2) Or is there another way i can do this? </p>
  
  <p>I am stuck on how to proceed on. </p>