I have been working with Angular using TypeScript.
Here is my model class in TypeScript:
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
) {
}
}
}
This is how my controller code looks like in TypeScript:
module app.form {
export class MainController {
constructor(public patient: Patient) {
}
}
}
Below is a snippet from my app file:
module app.form {
angular
.module("formApp", [
"ngMaterial",
"ngMdIcons",
"ngMessages"
])
.controller("MainController", MainController);
}
I have included all the scripts in my HTML file in the following order:
<script src="Scripts/angular.min.js"></script>
<script src="Scripts/angular-resource.min.js"></script>
<script src="Scripts/angular-animate/angular-animate.min.js"></script>
<script src="Scripts/angular-aria/angular-aria.min.js"></script>
<script src="Scripts/angular-messages.min.js"></script>
<script src="Scripts/angular-material/angular-material.min.js"></script>
<script src="Scripts/angular-material-icons/angular-material-icons.min.js"></script>
<script src="app/model.js"></script>
<script src="app/controllers/main-controller.js"></script>
<script src="app/app.js"></script>
However, when I run my application, I encounter this error:
https://i.sstatic.net/lnsiU.png
Can anyone pinpoint where I might be going wrong?