title: Angular Typescript Controller Constructor not called
body: <p>I am using Angular with type script.</p>
  
  <p>I have model class in type script</p>
  
  <pre><code>module app.form {
  
      export class Patient{
  
          constructor(
              public firstName: string,
              public lastName: string,
              public gender: string,
              public birthDate: Date,
              public currentMedications: string,
              public notes: string,
              public isMedicare: boolean,
              public medicareName: string,
              public medications: string[],
              public ethnicity: string[],
              public billingInfo: BillingInformation,
              public specimenInfo: SpecimenInformation,
              public assayRequested: AssayRequested,
              public authorizationDetail: AuthorizationDetail
          ) {
  
          }
      }
  }
  </code></pre>
  
  <p>My Controller code using type script is like this</p>
  
  <pre><code>module app.form {
      export class MainController {
          constructor(public patient: Patient) {
  
          } 
      }   
  }
  </code></pre>
  
  <p>My app file look like this.</p>
  
  <pre><code>module app.form {
      angular
          .module("formApp", [
              "ngMaterial",
              "ngMdIcons",
              "ngMessages"
          ])
          .controller("MainController", MainController);
  }
  </code></pre>
  
  <p>I am registering all the script in html file in this order</p>
  
  <pre><code>&lt;script src="Scripts/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="Scripts/angular-resource.min.js"&gt;&lt;/script&gt;
      &lt;script src="Scripts/angular-animate/angular-animate.min.js"&gt;&lt;/script&gt;
      &lt;script src="Scripts/angular-aria/angular-aria.min.js"&gt;&lt;/script&gt;
      &lt;script src="Scripts/angular-messages.min.js"&gt;&lt;/script&gt;
      &lt;script src="Scripts/angular-material/angular-material.min.js"&gt;&lt;/script&gt;
      &lt;script src="Scripts/angular-material-icons/angular-material-icons.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="app/model.js"&gt;&lt;/script&gt;
      &lt;script src="app/controllers/main-controller.js"&gt;&lt;/script&gt;
      &lt;script src="app/app.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>When I run my application I see this error</p>
  
  <p><a href="https://i.stack.imgur.com/lnsiU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lnsiU.png" alt="enter image description here"></a></p>
  
  <p>Where I am doing wrong?</p>