[英]Angular JS is not a function error
我是Angular的新手,我不能让这个工厂工作,我只是在另一个visual studio实例中使用Web服务。 这是代码:
主要工厂:
nngmodule.factory('generaldataFactory', ['$http', function ($http, $httpProvider) {
var dataFactory = {};
dataFactory.getMethodWebService = function (pMethod, pUrl, pCache, pTimeout, pParams, pFunctionSuccess, pFunctionError) {
$http({
method: pMethod, url: pUrl, cache: pCache, timeout: pTimeout, params: pParams
}).then(pFunctionSuccess, pFunctionError);
};
return dataFactory;
}]);
个人工厂(使用一个以上)
ngmodule.factory('miFactory', ['$http', function (generaldataFactory) {
var miFact = {};
miFact.GetNoticiasList = function (functionSuccess, functionError) {
return generaldataFactory.getMethodWebService("GET", 'http://localhost:40900/Noticias/GetNoticiasList', false, 25000, {}, functionSuccess, functionError);
};
miFact.FiltrarNoticias = function (id, functionSuccess, functionError) {
return generaldataFactory.getMethodWebService("GET", 'http://localhost:40900/Noticias/GetNoticiaById/', false, 25000, { 'id': id }, functionSuccess, functionError);
};
return miFact;
}]);
控制器:
ngmodule.controller('miController',function(miFactory){var scope = this;
var registerSuccess = function (response) {
}
var registerError = function (response) {
}
scope.noticiasList = {}
scope.noticiasList = miFactory.GetNoticiasList(registerSuccess,registerError);
});
错误:
TypeError: generaldataFactory.getMethodWebService is not a function at Object.miFact.GetNoticiasList (MiFactory.js:6) at new <anonymous> (controllers.js:13) at Object.invoke (angular.js:4478) at extend.instance (angular.js:9136) at nodeLinkFn (angular.js:8248) at compositeLinkFn (angular.js:7680) at compositeLinkFn (angular.js:7684) at publicLinkFn (angular.js:7555) at angular.js:1662 at Scope.$eval (angular.js:15989)
您没有注入必要的依赖项(这发生在多个文件中)。 数组中的参数需要与工厂函数中的参数匹配。
ngmodule.factory('miFactory', ['$http', function (generaldataFactory) {
如果你想使用generaldataFactory,你需要注入它:
ngmodule.factory('miFactory', ['generaldataFactory', function (generaldataFactory) {
一些更正
通用数据工厂
//Notice that in the factory, the providers don't are availables.
//Don't inject Providers in the factories/services
//Don't set callback for manage the responses of $http in the factory, instead
//return the result of the $http method
nngmodule.factory('generaldataFactory', ['$http', function ($http) {
var dataFactory = {};
dataFactory.getMethodWebService = function (pMethod, pUrl, pCache, pTimeout, pParams) {
return $http({
method: pMethod,
url: pUrl,
cache: pCache,
timeout: pTimeout,
params: pParams
});
};
return dataFactory;
}]);
个人工厂
//Inject generaldataFactory instead $http.
//The better approach in this case it's use the $q service for resolve/reject the http responses
ngmodule.factory('miFactory', ['generaldataFactory','$q', function (generaldataFactory,$q) {
var miFact = {};
miFact.GetNoticiasList = function (functionSuccess, functionError) {
var d = $q.deferred();
return generaldataFactory
.getMethodWebService("GET",'http://localhost:40900/Noticias/GetNoticiasList', false, 25000, {})
.then(function(response){
d.resolve(response);
return d.promise;
}, function(err){
d.reject(err);
return d.promise;
});
};
调节器
//Inject your factory and resolve the responses
ngmodule.controller('miController',['miFactory', function(miFactory) {
var scope = this;
var registerSuccess = function (response) {
scope.noticiasList = response;
}
var registerError = function (response) {
alert("Error!");
}
scope.noticiasList = {}
miFactory.GetNoticiasList.then(registerSuccess,registerError);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.