Error: 404 NOT FOUND

Services.js:
app.service("CRUDservices", function ($http) {

this.selectEmployees = function () {
   return $http.get("/api/Empdet/SelectEmployees");
};

this.selectEmployee = function (id) {
   return $http.get("/api/Empdet/SelectEmployee/" + id);
};

this.addEmployee = function (Empdet) {
   var request = $http(
   {
       method: "post",
       url: "/api/Empdet/AddEmployee",
       data: Empdet
   });
   return request;
};
this.updateEmployee = function (id, Empdet) {
   var request = $http(
   {
       method: "put",
       url: "/api/Empdet/UpdateEmployee/" + id,
       data: Empdet
   });
   return request;
};
this.deleteEmployee = function (id) {
   var request = $http(
   {
       method: "delete",
       url: "/api/Empdet/DeleteEmployee/" + id,
       data: Empdet
   });
   return request;
};
});

EmpdetController.cs:
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Data;
using System.Data.Entity;
using System.Data.Entity.Infrastructure;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web;
using System.Web.Http;
using System.Web.Http.Description;
using Task1.Models;

namespace Task1.Api.Controllers
{
public class EmpdetController : ApiController
{
   private EmployeeEntities db = new EmployeeEntities();

  [HttpGet]
   public HttpResponseMessage SelectEmployees(Empdet empdet)
   {
       Collection<Empdet> Empdets =new Collection<Empdet>( db.Empdets.ToList());
       return Request.CreateResponse(HttpStatusCode.OK, Empdets);
   }

  [HttpGet]
  public HttpResponseMessage SelectEmployee(int? id)
  {
      var empdet = db.Empdets.Find(id);
      if (empdet == null)
      {
          return Request.CreateResponse(HttpStatusCode.NotFound);
      }

      return Request.CreateResponse(HttpStatusCode.OK, empdet);
  }


   [HttpPut]
   public HttpResponseMessage UpdateEmployee(int id, Empdet empdet)
   {
       if (ModelState.IsValid && id == empdet.Id)
       {
           db.Entry(empdet).State = EntityState.Modified;

           try
           {
               db.SaveChanges();
           }
           catch (DbUpdateConcurrencyException)
           {
               return Request.CreateResponse(HttpStatusCode.NotFound);
           }

           return Request.CreateResponse(HttpStatusCode.OK);
       }
       else
       {
           return Request.CreateResponse(HttpStatusCode.BadRequest);
       }
   }

   [HttpPost]
   public HttpResponseMessage AddEmployee(Empdet empdet)
   {
       if (ModelState.IsValid)
       {
           db.Empdets.Add(empdet);
           db.SaveChanges();

           HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.Created, empdet);
           response.Headers.Location = new Uri(Url.Link("DefaultApi", new { id = empdet.Id }));
           return response;
       }
       else
       {
           return Request.CreateResponse(HttpStatusCode.BadRequest);
       }
   }

   [HttpDelete]
   public HttpResponseMessage DeleteEmployee(int id)
   {
       Empdet empdet = db.Empdets.Find(id);
       if (empdet == null)
       {
           return Request.CreateResponse(HttpStatusCode.NotFound);
       }

       db.Empdets.Remove(empdet);

       try
       {
           db.SaveChanges();
       }
       catch (DbUpdateConcurrencyException)
       {
           return Request.CreateResponse(HttpStatusCode.NotFound);
       }

       return Request.CreateResponse(HttpStatusCode.OK, empdet);
   }

   protected override void Dispose(bool disposing)
   {
       db.Dispose();
       base.Dispose(disposing);
   }
}
}

ShowempController.js:
app.controller("ShowempController", function ($scope, $location, CRUDservices, SharedData) {

$scope.loadRecords = function () {
   //CRUDservices.selectEmployees().success(function (response) {
   //    $scope.Employees = response;
   //});
   console.log('init');

   var promiseGetEmpdet = CRUDservices.selectEmployees();

   promiseGetEmpdet.then(function (pl) {

       console.log(pl);
       $scope.Employees = pl.data
       console.log($scope.Employees);
   },
       function (errorpl) {
           $scope.error = 'failure loading employee', errorpl;
       });        
};

$scope.Addemp = function () {
   $location.path("/Addemp");
};
$scope.Editemp = function (Id) {
   ShareData.value = Id;
   $location.path("/Editemp");
};
$scope.Deleteemp = function (Id) {
   ShareData.value = Id;
   $location.path("/Deleteemp");
};
});

Showemp.cshtml:
<html  ng-app="ApplicationModule">
<body>
<div ng-controller="ShowempController" data-ng-init="loadRecords()">
<h2>List of Employees</h2>
<a ng-click="Addemp()">Add Employee </a>
<br />
<table border="1" class="mytable">
   <thead>
       <tr>
           <th>Id</th>
           <th>PhotoFile</th>
           <th>FirstName</th>
           <th>LastName</th>
           <th>Email</th>
           <th>Age</th>
           <th>PhotoText</th>
           <th></th>
           <th></th>
       </tr>
   </thead>
   <tbody>
       <tr ng-repeat="Empdet in Employees">
           <td>{{Empdet.Id}}</td>
           <td>{{Empdet.PhotoFile}}</td>
           <td>{{Empdet.FirstName}}</td>
           <td>{{Empdet.LastName}}</td>
           <td>{{Empdet.Email}}</td>
           <td>{{Empdet.Age}}</td>
           <td>{{Empdet.PhotoText}}</td>
           <td><input type="button" value="Edit" ng- click="Editemp(Empdet.Id)" /></td>
           <td><input type="button" value="Delete" ng-click="Deleteemp(Empdet.Id)" /></td>
       </tr>
   </tbody>
</table>
<div>{{error}}</div>
</div>
</body>
</html>

Whenever i try to execute this program it says error: 404 not found, its not hitting SelectEmployees in the Showempcontroller.js i have cleary mentioned in the Empdetcontroller.cs file for selecting all employees i use "SelectEmployees" and for a single data retrieve i used "SelectEmployee and referring it by Id". But still its not hitting the file and not executing. Please Help!!!