Getting data into Angular app from Web API
<p>I have a Web API where my repository class is:</p>

<pre><code>public class myRepository
{

public myClasses.Type[] GetAllTypes()
{

    return new myClasses.Type[]
    {
        new myClasses.Type 
        {
            typeId="1",
            typeVal = "New"
        },
        new myClasses.Type 
        {
            typeId="2",
            typeVal = "Old"
        }
   };

}

public myClasses.Employee[] GetAllEmployees()
{

    return new myClasses.Employee[]
    {
        new myClasses.Employee 
        {
            empId="111111",
            empFName = "Jane",
            empLName="Doe"
        },
        new myClasses.Employee 
        {
            empId="222222",
            empFName = "John",
            empLName="Doe"
        }
   };

}

public bool VerifyEmployeeId(string id)
{

    myClasses.Employee[] emp = new myClasses.Employee[]
    {
        new myClasses.Employee 
        {
            empId="111111",
            empFName = "Jane",
            empLName="Doe"
        },
        new myClasses.Employee 
        {
            empId="222222",
            empFName = "John",
            empLName="Doe"
        }
   };

    for (var i = 0; i &lt;= emp.Length - 1; i++)
    {
        if (emp[i].empId == id)
            return true;
    }
    return false;
}
}
</code></pre>

<p>and here is my controller:</p>

<pre><code>public class myClassesController : ApiController
{
private myRepository empRepository;

public myClassesController()
{
    this.empRepository = new myRepository();
}

public myClasses.Type[] GetTypes()
{
    return empRepository.GetAllTypes();
}

public myClasses.Employee[] GetEmployees()
{
    return empRepository.GetAllEmployees();
}

[HttpGet]
public bool VerifyEmployee(string id)
{
    return empRepository.VerifyEmployeeId(string id);
}
}
</code></pre>

<p>Now I have created a web application where I included angularJS. Here is my html (Employees.html)</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;Employees&lt;/title&gt;
&lt;script src="Scripts/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
&lt;script src="Scripts/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script src="Scripts/angular.js"&gt;&lt;/script&gt;
&lt;script src="js/app.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body ng-app="myClassesApp"&gt;
&lt;div ng-controller="myClassesController"&gt;
    &lt;table ng-repeat="emp in Employees"&gt;
        &lt;tr&gt;
            &lt;td&gt;{{emp.empID}}&lt;/td&gt;
            &lt;td&gt;{{emp.empLName}}&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>In my app.js file I have the following:</p>

<pre><code>var app = angular.module("myClassesApp", []);
app.controller("myClassesController", function ($scope, $http) {
$http.get('http://localhost:49358/api/myClasses/GetEmployees').
    success(function (data, status, headers, config) {
        $scope.Employees = data;
    }).
    error(function (data, status, headers, config) {
        alert('error');
    });
});
</code></pre>

<p>Can someone please point me in the right direction in regards to getting data from Web API and displaying it on the page?</p>