MVC AngularJs Обработка строки запроса

Question

У меня есть CourseAPi контроллер, который содержащий метод follwing:

public IEnumerable<CoursesDTO> Get(int id) 
    { 
     var x = _uniManager.GetCourses(id); 
     return x; 
    } 

я хочу, чтобы отправить идентификатор из URL-адресов к этому методу с использованием Angualr JS контроллер AngularJs:

app.controller('CRUD_OperController', function ($scope, $filter, CRUD_OperService, $location) { 



GetAllRecords1(); 
function GetAllRecords1() { 
    var id = 12; 
    var promiseGetSingle = CRUD_OperService.get(id); 
    promiseGetSingle.then(function (pl) 
    { $scope.Courses = pl.data }, 
      function (errorPl) { 
      // $log.error('Some Error in Getting Records.', errorPl); 
      }); 
} 

});

Моя угловая служба:

app.service('CRUD_OperService', function ($http) { 



//Get All Student 
this.getAllStudent = function() { 

    return $http.get("/api/CourseApi/"); 
} 

//Get Single Records 

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

});

мой WebAPI конфигурации

public static void Register(HttpConfiguration config) 
    { 
     config.MapHttpAttributeRoutes(); 



     config.Routes.MapHttpRoute(
      name: "DefaultApi1", 
      routeTemplate: "api/{controller}/{action}/{id}", 
      defaults: new { id = RouteParameter.Optional } 
     ); 

     config.Routes.MapHttpRoute(
      name: "DefaultApi", 
      routeTemplate: "api/{controller}/{id}", 
      defaults: new { id = RouteParameter.Optional } 

     ); 

     config.EnableSystemDiagnosticsTracing(); 
    } 

Update: это вернуть меня ошибка GET http://localhost:54070/api/CourseApi/12 404 (Not Found)

Answer 1

Это формат, я использовал для такой задачи:

this.$http({ 
     method: 'GET', 
     url: 'api/courseapi/' + id 
    }).then(function (pl) { 
     $scope.Courses = pl.data 
    }, function (errorPl) { 
      $log.error('Some Error in Getting Records.', errorPl); 
    }); 

Это то, что вы просите?

Answer 2

Я могу предложить два варианта:

Первый: настроить маршруты в Вашем угловом контроллера, используя нг-маршрут, впрыснуть $ routeParams модуль, а затем восстановить параметры его использования. См. Это link и Angular doc для получения дополнительной информации.

Второй вариант, чтобы получить расположение URL-адрес и манипулировать строку для того, чтобы получить параметр:

var tokens = $location.absUrl().split("/"); 
var id = tokens[5] 

Я предпочитаю первый вариант, это «чище», чем второй. Надеюсь, это поможет вам!