尝试实现网络注册功能时,我遇到了一个问题。
老实说,我昨天刚刚在推送下阅读了一些关于 angularJs(以及一点关于 javascript)的文档。所以,请不要对我这么苛刻:)
以下是我的指令:
var app = angular.module('register-user', []);
app.directive('register', function () {
return {
restrict: 'E',
templateUrl: 'app/views/register.html',
controller: RegistestCtrl,
controllerAs: 'registerCtrl'
};
});
控制器:
RegistestCtrl.$inject = ['RegisterService'];
function RegistestCtrl(registerService) {
this.user = {};
this.isProcessing = false;
this.isRegistering = function () {
return this.isProcessing;
};
this.setRegistering = function (value) {
this.isProcessing = value;
};
this.register = function () {
this.setRegistering(true);
function registerSuccess(result) {
alert("registerSuccess: " + JSON.stringify(result));
this.setRegistering(false);
}
function registerFail(error) {
alert(error.message)
this.setRegistering(false);
}
registerService.register(this.user.email, this.user.pass).then(registerSuccess, registerFail);
};
}
这是以防万一的服务:
angular.module('app').factory('RegisterService', RegisterService);
RegisterService.$inject = ['$http', 'ENDPOINT'];
function RegisterService($http, endpoint) {
var service = {};
service.register = register;
return service;
function register(email, pass) {
return $http({
method: 'POST',
url: endpoint.URL + endpoint.REGISTER,
data: {
"email": email,
"password": pass
}
}).then(handleSuccess, handleError);
}
function handleSuccess(res) {
return res.data;
}
function handleError(error) {
return function () {
return {
success: false,
message: error
};
};
}
}
最后,问题是:
TypeError: this.setRegistering 不是 registerSuccess 的函数
它指向以下几行:
this.setRegistering(false);
this.setRegistering(false);
其他没关系,但我想在完成注册时调用它来隐藏进度圈。你能在这里给我提示吗?
我认为变量的范围出了点问题。但我不知道从哪里开始。