title: How to reference properties and methods from form within TypeScript controller?
body: <p>I have a simple question that I haven't found an answer to yet.</p>
  
  <p>In regular Angular JavaScript, if I have the beginning of a form like this:</p>
  
  <pre><code>&lt;form novalidate action="" class="signupForm" name="signup.form"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-12 "&gt;
              &lt;fieldset&gt;
                  &lt;input type="text" name="fullName" placeholder="Full Name" ng-model="signup.fullName" required /&gt;{{signup.fullName}}
                  &lt;div ng-show="signup.form.$submitted || signup.form.$touched"&gt;
                      &lt;span ng-show="signup.form.$error.required"&gt;Please enter your full name.&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/fieldset&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Using <code>controllerAs</code> for example, using <code>SignupCtrl as signup</code> with UI Router, I can reference my form in my controller like this:</p>
  
  <pre><code>.controller(function() {
       this.form // shows me my form
   });
  </code></pre>
  
  <p>However, in TypeScript, <code>this</code> refers to my class and its own variables and methods, unless I am mistaken. How can I reference the form, or anything, in my TypeScript controller? How is scope bound to the view now?</p>
  
  <pre><code>export class SignupCtrl implements ISignupCredentials {                     
  
          constructor(protected $http: ng.IHttpService, 
                      protected $q: ng.IQService,
                      protected $scope: IScope) {                                                
  
              console.log(this.form); // undefined because form doesn't exist in my controller class                                    
          }
  
  
      }
  </code></pre>