Javascript AngularJS-脚本在工厂函数中停止运行,并返回承诺
我一直在学习/从事一个新手项目,它基本上是一个简单的任务管理器(类似于那些待办事项列表项目)。我为这个项目设计了一个用户登录页面,下面是它的工作原理 因此,我有两个用于登录的函数Javascript AngularJS-脚本在工厂函数中停止运行,并返回承诺,javascript,angularjs,angular-promise,Javascript,Angularjs,Angular Promise,我一直在学习/从事一个新手项目,它基本上是一个简单的任务管理器(类似于那些待办事项列表项目)。我为这个项目设计了一个用户登录页面,下面是它的工作原理 因此,我有两个用于登录的函数siteLogin(),在其中,我想在用户登录后使用第二个函数showTasks(),它返回从API获取的用户任务(承诺我知道) 因此,首先我需要从showTasks()函数中的$http返回一个值,但我最终返回了类似$$state的内容,因此我在这个网站上搜索并找到了两个解决方案,到目前为止,我了解到$http不返回值
siteLogin()
,在其中,我想在用户登录后使用第二个函数showTasks()
,它返回从API获取的用户任务(承诺我知道)
因此,首先我需要从showTasks()
函数中的$http返回一个值,但我最终返回了类似$$state
的内容,因此我在这个网站上搜索并找到了两个解决方案,到目前为止,我了解到$http不返回值,而是返回承诺。因此,经过几次尝试和失败后,我的代码现在运行到showTasks()
并在那里停止
这是我的代码
工厂
app.factory('userTaskList', function ($http) {
return {
showTasks: function (userName) {
var tasks = { K_ADI: userName }; //UserName of the per
var $promise = $http({
method: 'POST',
url: 'http://localhost:5169/api/Isler/' + userName + '/IstenilenKayitCek',
headers: {
'Content-Type': 'application/json'
},
data: tasks
});
$promise.then(function successCallback(response) {
var data = response.data;
console.log("Factory data:", response);
return success(data);
}, function errorCallback(response) {
error("Error");
});
}
}
});
和我的控制器:
app.controller('myCtrl', ['$scope', '$http', function ($scope, $http,userTaskList ) {
$scope.siteLogin = function () {
var loginMember = {
K_ADI: $scope.panel.loginUserName,
PAROLA: $scope.panel.loginPassword // HTML input
};
console.log(loginMember);
$http({
method: 'POST',
url: 'http://localhost:5169/api/Kullanicilar/KullaniciDogrula',
headers: {
'Content-Type': 'application/json'
},
data: loginMember
}).then(function successCallback(response) {
console.log("Message sent", response);
$scope.data = response.data.error.data;
if ($scope.data === true) {
console.log("User exists in database");
//RUNS UNTIL HERE AND STOPS
userTaskList.showTasks($scope.panel.loginUserName)
.then(function (res) {
$scope.gorev = res;
console.log("Fonk ici : ", $scope.gorev);
console.log("222222", res);
}, function (err) {
console.log(err);
});
console.log("outside func : ", $scope.gorev);
}
}, function errorCallback(response) {
console.log("Error: ", response);
});
}
}]);
这可能被看作是重复的,堆栈上有许多类似的问题,但我尝试了这些解决方案(稍后我将链接一些),但仍然没有解决我的这个问题,另外一些解决方案还产生了其他类似的问题。我尝试使用$q
,嵌套,然后使用,最后在工厂中定义代码,然后在模块中调用其实例,等等。但仍然不起作用
注意:很抱歉我的英语不好。showTasks
功能中有几个错误:
app.factory('userTaskList', function ($http) {
return {
showTasks: function (userName) {
var tasks = { K_ADI: userName }; //UserName of the per
var $promise = $http({
method: 'POST',
url: 'http://localhost:5169/api/Isler/' + userName + '/IstenilenKayitCek',
headers: {
'Content-Type': 'application/json'
},
data: tasks
});
var derivedPromise = $promise.then(function successCallback(response) {
var data = response.data;
console.log("Factory data:", response);
̶r̶e̶t̶u̶r̶n̶ ̶s̶u̶c̶c̶e̶s̶s̶(̶d̶a̶t̶a̶)̶;̶
//IMPORTANT
return data;
}, function errorCallback(response) {
̶e̶r̶r̶o̶r̶(̶"̶E̶r̶r̶o̶r̶"̶)̶;̶
console.log(response.status);
//IMPORTANT
throw response;
});
//IMPORTANT
return derivedPromise;
}
}
});
需要将所需数据返回到。然后
方法成功处理程序
需要重新抛出错误处理程序中的错误。否则,被拒绝的承诺将转换为值为未定义的成功
最后,需要将派生的承诺返回到showTasks
函数
更新
您认为我在$scope.siteLogin
中正确调用了该函数吗
依赖项注入错误:
̶a̶p̶p̶.̶c̶o̶n̶t̶r̶o̶l̶l̶e̶r̶(̶'̶m̶y̶C̶t̶r̶l̶'̶,̶ ̶[̶'̶$̶s̶c̶o̶p̶e̶'̶,̶ ̶'̶$̶h̶t̶t̶p̶'̶,̶ ̶
function ($scope, $http,userTaskList ) {
应该是
或
停是什么意思?控制台中有错误吗?反应是什么样的?您有response.data.error.data
,这可能会产生空指针异常吗?@SumamaWaheed没有任何错误。我在Console中看到的最后一件事是“数据库中存在用户
,我看不到其他控制台日志。关于response.data.error.data
its,因为它的agroup项目和我的朋友用一种蹩脚的方式编写API。所以我需要获得这样的数据。我在其他功能中使用了它,但我没有在这里发布,所以我知道它不是这样。谢谢,这解决了我的问题!我选择您的回答作为答案,这有点离题,但正如我在问题中提到的,我仍然无法通过console.log(“outside func:,$scope.gorev”)访问函数外部的数据代码>仍将未定义的
打印到控制台。你能给我一些提示吗?异步操作就是这样工作的。操作是非阻塞的,这意味着JavaScript引擎立即执行下一行。。然后
块中的代码被保留,直到结果从服务器到达。非阻塞操作是最强大的功能之一,也是新JavaScript程序员通常误解的功能之一。
app.controller('myCtrl', ['$scope', '$http', 'userTaskList',
function ($scope, $http,userTaskList ) {
app.controller('myCtrl', function ($scope, $http,userTaskList ) {