Javascript 使用函数形式";使用“严格的”;。angularjs身份验证(使用scala、play框架)
我正在尝试在我的play应用程序(使用scala)中实现一个身份验证示例。我正在关注这个 因此,在views文件夹中,我创建了用于身份验证的索引页。并补充说:Javascript 使用函数形式";使用“严格的”;。angularjs身份验证(使用scala、play框架),javascript,angularjs,scala,playframework,Javascript,Angularjs,Scala,Playframework,我正在尝试在我的play应用程序(使用scala)中实现一个身份验证示例。我正在关注这个 因此,在views文件夹中,我创建了用于身份验证的索引页。并补充说: 'use strict'; angular.module('Authentication') .controller('LoginController', ['$scope', '$rootScope', '$location', 'AuthenticationService', functi
'use strict';
angular.module('Authentication')
.controller('LoginController',
['$scope', '$rootScope', '$location', 'AuthenticationService',
function ($scope, $rootScope, $location, AuthenticationService) {
// reset login status
AuthenticationService.ClearCredentials();
$scope.login = function () {
$scope.dataLoading = true;
AuthenticationService.Login($scope.username, $scope.password, function(response) {
if(response.success) {
AuthenticationService.SetCredentials($scope.username, $scope.password);
$location.path('/');
} else {
$scope.error = response.message;
$scope.dataLoading = false;
}
});
};
}]);
这是:
'use strict';
angular.module('Authentication')
.factory('AuthenticationService',
['Base64', '$http', '$cookieStore', '$rootScope', '$timeout',
function (Base64, $http, $cookieStore, $rootScope, $timeout) {
var service = {};
service.Login = function (username, password, callback) {
/* Dummy authentication for testing, uses $timeout to simulate api call
----------------------------------------------*/
$timeout(function(){
var response = { success: username === 'test' && password === 'test' };
if(!response.success) {
response.message = 'Username or password is incorrect';
}
callback(response);
}, 1000);
/* Use this for real authentication
----------------------------------------------*/
//$http.post('/api/authenticate', { username: username, password: password })
// .success(function (response) {
// callback(response);
// });
};
service.SetCredentials = function (username, password) {
var authdata = Base64.encode(username + ':' + password);
$rootScope.globals = {
currentUser: {
username: username,
authdata: authdata
}
};
$http.defaults.headers.common['Authorization'] = 'Basic ' + authdata; // jshint ignore:line
$cookieStore.put('globals', $rootScope.globals);
};
service.ClearCredentials = function () {
$rootScope.globals = {};
$cookieStore.remove('globals');
$http.defaults.headers.common.Authorization = 'Basic ';
};
return service;
}])
.factory('Base64', function () {
/* jshint ignore:start */
var keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
return {
encode: function (input) {
var output = "";
var chr1, chr2, chr3 = "";
var enc1, enc2, enc3, enc4 = "";
var i = 0;
do {
chr1 = input.charCodeAt(i++);
chr2 = input.charCodeAt(i++);
chr3 = input.charCodeAt(i++);
enc1 = chr1 >> 2;
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
enc4 = chr3 & 63;
if (isNaN(chr2)) {
enc3 = enc4 = 64;
} else if (isNaN(chr3)) {
enc4 = 64;
}
output = output +
keyStr.charAt(enc1) +
keyStr.charAt(enc2) +
keyStr.charAt(enc3) +
keyStr.charAt(enc4);
chr1 = chr2 = chr3 = "";
enc1 = enc2 = enc3 = enc4 = "";
} while (i < input.length);
return output;
},
decode: function (input) {
var output = "";
var chr1, chr2, chr3 = "";
var enc1, enc2, enc3, enc4 = "";
var i = 0;
// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
var base64test = /[^A-Za-z0-9\+\/\=]/g;
if (base64test.exec(input)) {
window.alert("There were invalid base64 characters in the input text.\n" +
"Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\n" +
"Expect errors in decoding.");
}
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
do {
enc1 = keyStr.indexOf(input.charAt(i++));
enc2 = keyStr.indexOf(input.charAt(i++));
enc3 = keyStr.indexOf(input.charAt(i++));
enc4 = keyStr.indexOf(input.charAt(i++));
chr1 = (enc1 << 2) | (enc2 >> 4);
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
chr3 = ((enc3 & 3) << 6) | enc4;
output = output + String.fromCharCode(chr1);
if (enc3 != 64) {
output = output + String.fromCharCode(chr2);
}
if (enc4 != 64) {
output = output + String.fromCharCode(chr3);
}
chr1 = chr2 = chr3 = "";
enc1 = enc2 = enc3 = enc4 = "";
} while (i < input.length);
return output;
}
};
/* jshint ignore:end */
});
转到assets/javascripts/app文件夹,并在my main中使用以下内容引用它们:
<script src="@routes.Assets.versioned("javascripts/app/controllers.js")" type="text/javascript"></script>
<script src="@routes.Assets.versioned("javascripts/app/services.js")" type="text/javascript"></script>
<script src="@routes.Assets.versioned("javascripts/app/app.js")" type="text/javascript"></script>
使用“严格使用”的函数形式
这试图告诉您的是不要将“use strict”
放在文件的顶级作用域中。而是说在函数中使用它。可以通过将代码包装到作用域函数中来实现这一点,请参见顶行和底行:
(function() { // The beginning of the scoping function
'use strict';
angular.module('Authentication')
.controller('LoginController', ['$scope', '$rootScope', '$location', 'AuthenticationService',
function($scope, $rootScope, $location, AuthenticationService) {
// reset login status
AuthenticationService.ClearCredentials();
$scope.login = function() {
$scope.dataLoading = true;
AuthenticationService.Login($scope.username, $scope.password, function(response) {
if (response.success) {
AuthenticationService.SetCredentials($scope.username, $scope.password);
$location.path('/');
} else {
$scope.error = response.message;
$scope.dataLoading = false;
}
});
};
}
]);
})(); // The end of the function and the () to invoke it
现在,“use strict”
仅适用于该函数及其内容。只需在函数中用“use strict”包装代码即可。所以不是
"use strict";
angular.module('Authentication', []);
angular.module('Home', []);
// (...)
用这个代替
(function() {
"use strict";
angular.module('Authentication', []);
angular.module('Home', []);
// (...)
})();
您还可以让JSHint忽略该错误
/*jshint -W097 */
"use strict";
angular.module('Authentication', []);
angular.module('Home', []);
// (...)
谢谢你的解释谢谢你的重播
(function() {
"use strict";
angular.module('Authentication', []);
angular.module('Home', []);
// (...)
})();
/*jshint -W097 */
"use strict";
angular.module('Authentication', []);
angular.module('Home', []);
// (...)