我正在使用AngularJS和WebAPI构建一个小型应用程序。
用例:我将一个字符串参数从下拉ng-change事件传递到controller.js中一个名为getcatdetails(selectedcategory)的函数,并且service.js调用WEBAPI。
问题:当我在WEB API中添加其他方法时,代码不会被触发。当我在控制器和Service.js中设置断点时,它看起来不错,但是不会发生从Service到WEBAPI的调用。
这是代码。
HTML:
<select ng-model="selectedcategory" ng-options="item for item in catlist" ng-change="getcatdetails(selectedcategory)">
<option value="">Select</option>
</select>
Controller.js
$scope.getcatdetails = function (selectedcategory) {
var catdetails = CategoryService.getcatdetails(selectedcategory);
}
Service.js
this.getcatdetails= function (selectedcategory) {
return $http.get("/api/ProductAPI/getcatdetails" + selectedcategory);
}
WEB API方法
[Route("/api/ProductAPI/getcatdetails")]
public string getcatdetails(string selectedcategory)
{
return selectedcategory;
}
请帮助我...我完全被感动了
这是我仍然无法调用WEB API方法的尝试。
Service.js
this.getcatdetails = function () {
return $http({ method: 'GET', url: 'api/productapi/getcatdetails', data: '"' + selectedcategory + '"' })
}
WEB API Method..
[Route("api/ProductAPI/getcatdetails/{selectedcategory}")]
public string getcatdetails(string selectedcategory){
return selectedcategory;
}
您可以将类别作为url的一部分传递,因此可以将方法更改为
[Route("api/ProductAPI/getcatdetails/{selectedcategory} ")]
public string getcatdetails(string selectedcategory)
{
return selectedcategory;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句