ng-repeat is not binding the data
<p>I'm new to angularjs and trying to work with ng-repeat directive example to bind the data to HTML table element.
My js file is located in scripts location where it has a module and controller with some data that is attached to the scope object in that controller.</p>

<p>Now what I want is simply bind that data to my HTML table element and display the data using ng-repeat. I'm using ng-repeat because I have multiple rows to be displayed in the table. </p>

<p>Here is my angular code:</p>

<blockquote>
  <p>`</p>
</blockquote>

<pre><code>/// &lt;reference path="angular.min.js" /&gt;
/// &lt;reference path="angular.js" /&gt;



var angularModule = angular.module("TestMyModule", []);
    angularModule.controller("MyController", function ($scope) {
    var employee  = [
                    {FirstName: "GGG",LastName: "SSS",MiddleName:"G"},
                    {FirstName: "G",LastName: "S",MiddleName: "GG"},
                    {FirstName: "GGS",LastName: "GSS",MiddleName: "GS"},
                    {FirstName: "Go",LastName: "Sa",MiddleName: "Gu"},
                    {FirstName: "Goo",LastName: "SAA",MiddleName: "Gu"}
    ];
    debugger;
    $scope.employee = employee;

});
</code></pre>

<p>`</p>

<p>Following is my HTML code</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html ng-app="angularModule"&gt;
&lt;head&gt;
    &lt;title&gt;AngularJS Example&lt;/title&gt;
    &lt;script src="Scripts/AngularExample.js"&gt;&lt;/script&gt;
    &lt;script src="Scripts/angular.min.js"&gt;&lt;/script&gt;

&lt;/head&gt;
&lt;body &gt;
        &lt;table ng-controller="MyController"&gt;
            &lt;thead&gt;
                &lt;tr&gt;
                    &lt;th&gt;First Name&lt;/th&gt;
                    &lt;th&gt;Last Name&lt;/th&gt;
                    &lt;th&gt;Middle Name&lt;/th&gt;
                &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
                &lt;tr ng-repeat="employees in employee"&gt;
                    &lt;td&gt;{{employees.FirstName}}&lt;/td&gt;
                    &lt;td&gt;{{employees.LastName}}&lt;/td&gt;
                    &lt;td&gt;{{employees.MiddleName}}&lt;/td&gt;
                &lt;/tr&gt;
            &lt;/tbody&gt;
        &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>Following is the output that I got:</p>

<pre><code> First Name                 Last Name            Middle Name
</code></pre>

<p>{{employees.FirstName}}  {{employees.LastName}}  {{employees.MiddleName}}</p>

<p>using browser debugger tool, I found the following errors, but not sure how to resolve:</p>

<pre><code>AngularExample.js:6 Uncaught ReferenceError: angular is not defined
angular.js:4631 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.7/$injector/modulerr?p0=angularModule&amp;p1=Er…20c%20(http%3A%2F%2Flocalhost%3A2785%2FScripts%2Fangular.min.js%3A20%3A359)
firebug-lite.js:11883 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
firebug-lite.js:30905 Uncaught TypeError: Cannot read property 'push' of undefined
</code></pre>

<p>Can someone please help me??</p>