asp.net webApi를 사용하는 각도 js 팩터

Question

각도 js 팩터 리에서 webApi를 소비하는 방법은 무엇입니까?

WebApi

public class WarrantyController: ApiController { 
    public WarrantyViewModel Get(string c, string l, string s, string cs, string productcode, string ordercode, string overrides) { 
     var response = Query(new WarrantyQuery(UserContext.CreateContext(c, l, s, cs), productcode, ordercode, overrides)); 
     return response.Data; 
    } 
} 

이 JSON 결과를 반환합니다

GET/API/숍/품질 보증/수/우리/EN/ABC/19/productA/ABC-123 HTTP/1.1

Answer 1

모든 API와 통신하는 것과 동일한 방법으로 $http 서비스를 사용하십시오. 이와

당신은 HTTP 동사의 shorthands를 얻을 :

// Returns a promise with warranty list as a resolved parameter 
function getWarranties() { 
    return $get('/api/warranty').then(function(resp) { 
    return resp.data; 
    }); 
} 

아니면 원시 $http 방법을 사용할 수 있습니다

// Returns a promise with warranty list as a resolved parameter 
function getWarranties() { 
    return $http({ 
    url: '/api/warranty', 
    method: 'get', 
    // other options... 
    }).then(function(resp) { 
     return resp.data; 
    }); 
} 

Answer 2

각도 자원 모듈은 나머지 API를 소비 할 수있는 정말 좋은 도우미입니다.

당신은 같은 공장에서 만들 수 있습니다

: 아래 그림과 같이, 그리고

angular.module('appService', ['ngResource']) 
    .factory('Warranty', function($resource) { 
     return $resource('/api/warranty/'); 
    }); 

을하여 각 응용 프로그램으로 공장을 주입 :

var app = angular.module('app', ['appService']); 

마지막으로, 당신은 당신의 컨트롤러에 공장에 액세스 할 수 있습니다

app.controller('warrantyController', function($scope, Warranty) { 
    $scope.warranties = Warranty.query(); 
}); 

기타 모든 CRUD 작업이 자동으로 보증 대상에 추가됩니다. ject. 자세한 내용은 ngResource Documentation

을 참조하십시오.