Web API方法没有从angularjs调用

Question

我是angularjs.s新来的，我正在构建一个非常简单的web应用程序。代码结构如下。我有一个简单的视图显示候选人列表和数据库中的候选人。

我的JavaScript控制器：

appRoot.controller('CandidateController', function ($scope, $location, $resource) { 
    var searchcandidates={ 

     Name:$("#txtname").val(), 
     Email:$("#txtemail").val() 
    }; 
    var Listcandidates = $resource('/api/Candidate', {Name:$("#txtname").val(), Email:$("#txtemail").val()}, { update: { method: 'GET' } }); 

    $scope.candidateslist = []; 

    Listcandidates.query(function (data) { 
     $scope.candidateslist.length = 0; 
     angular.forEach(data, function (CandidateData) { 
      $scope.candidateslist.push(CandidateData); 
     }) 
    }); 

    $scope.SearchCandidates = function() { 
     alert($("#txtname").val()); 
     var list = $resource('/api/Candidate', { id: "2" }); 

    } 




    var init = function() { 

    } 

    init(); 
}); 

我CSHTML：

@{ 
    Layout = null; 
} 

<div class="FormHeader"><span class="searCandidate"></span>Search Result</div> 
<div class="blank"></div> 
<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span2"> 
      <!--Sidebar content--> 

       Search: 
      <label>Name</label> 
       <input type="text" id="txtname" name="name" /> 
       <label>Email</label> 
       <input type="text" id="txtemail" name="email" /> 
       <input type="button" value="Save" ng-click="SearchCandidates()" /> 

     </div> 
     <div class="span10"> 
      <!--Body content--> 

      <ul class="candidates"> 
       <li ng-repeat="candidate in candidateslist" 
        class="thumbnail phone-listing"> 
        @*<a href="#/phones/{{phone.id}}" class="thumb"><img ng-src="{{phone.imageUrl}}"></a> 
         <a href="#/phones/{{phone.id}}">{{phone.name}}</a>*@ 
        <div class="item"> 
         <span class="green leftMrg">{{candidate.name}}</span> 
         <span class="leftMrg">{{candidate.skill}}</span> 
         <span class="grey leftMrg">Resume ID: {{candidate.id}}</span> 
         <div class="blank"></div> 
         <div class="blank"></div> 
        </div> 
        <div class="item"> 
         <span class="bold">{{candidate.exporganization}} </span> 
         <span>Education:{{candidate.eduname}}</span> 
         <span>{{candidate.totalexperience}}</span> 
         <span>Preferred Location: {{candidate.location}}</span> 
        </div> 
        <p></p> 
       </li> 
      </ul> 
     </div> 
    </div> 
</div> 

我app.js：

var appRoot = angular.module('main', ['ngRoute', 'ngGrid', 'ngResource', 'angularStart.directives', 'kendo.directives']);  //Define the main module 

appRoot 
    .config(['$routeProvider', function ($routeProvider) { 
     //Setup routes to load partial templates from server. TemplateUrl is the location for the server view (Razor .cshtml view) 
     $routeProvider 
      .when('/home', { templateUrl: '/home/main', controller: 'MainController' }) 
      .when('/contact', { templateUrl: '/home/contact', controller: 'ContactController' }) 
      .when('/about', { templateUrl: '/home/about', controller: 'AboutController' }) 
      .when('/demo', { templateUrl: '/home/demo', controller: 'DemoController' }) 
      .when('/candidate', { templateUrl: '/home/candidate', controller: 'CandidateController' }) 
      .otherwise({ redirectTo: '/home' }); 
    }]) 
    .controller('RootController', ['$scope', '$route', '$routeParams', '$location', function ($scope, $route, $routeParams, $location) { 
     $scope.$on('$routeChangeSuccess', function (e, current, previous) { 
      $scope.activeViewPath = $location.path(); 
     }); 
    }]); 

我CandidateController.cs

public class CandidateController : ApiController 
    { 
     CandidateSearchDAL objCandidateSearchDAL = new CandidateSearchDAL(); 



     // GET api/<controller> 
     public IEnumerable<CandidateModel> Get() 
     { 
      List<CandidateModel> lstCandidates = objCandidateSearchDAL.GetSearchCandidates(); 
      return lstCandidates; 
     } 

     // GET api/<controller>/5 
     public string Get(string id) 
     { 
      return "value"; 
     } 

     // POST api/<controller> 
     public void Post(string Name, string Email) 
     { 
     } 

     // PUT api/<controller>/5 
     public void Put(int id, [FromBody]string value) 
     { 
     } 

     // DELETE api/<controller>/5 
     public void Delete(int id) 
     { 
     } 
    } 

页面加载时第一次显示所有候选人完美地调用控制器的IEnumerable Get（）方法。但是当我点击保存按钮时，它不能调用控制器API。

Answer 1

我没有看到拨打：

$resource.$save()