使用 AngularJS 调用带有参数的 Web ApI 方法

Question

我正在使用 angularJS 服务调用 Web API。

我的 webp API 方法在没有参数的情况下工作正常 '/api/Subpart/'

当我尝试传递参数时，Web API 方法未触发。

Angular 服务

.service('subpartService', ['$http', function ($http) {
     this.getSubparts = function (val) {
       return $http.get('/api/Subpart/'+val); // With parameters not working
     };
 }])

Web API 控制器操作

[Route("api/Subpart/{strsubpart}")]
public List<tbl_Employee> GetSubparts(string strsubpart)
{
    Entities db = new Entities();
    var data = db.tbl_Regulation.Where(c => c.Subsection == "ABC");
    return data.ToList();
}

Answer 1

我有 solution.It 已通过 ?

this.getSubparts = function (val) {
           var subUrl = "http://localhost/api/Subpart/sub_part?subpart="+ val;
             return $http.get(subUrl);
         };

Answer 2

尝试"escape"值。

http://www.w3schools.com/jsref/jsref_encodeuri.asp

this.getSubparts = function (val) {
           var subUrl = "http://localhost/api/Subpart/?subpart="+ encodeURI(val);
             return $http.get(subUrl);
         };