2
J'utilise une route angulaire pour mon projet. Ma structure de projet comme ci-dessous.Problème de route angulaire avec les contrôleurs attachés
index page
<body ng-app="myApp">
<div ng-view></div>
<script src="resources/js/angular.js" type="text/javascript"></script>
<script src="resources/angular/angular-route.js" type="text/javascript"></script>
<script src="resources/js/route.js" type="text/javascript"></script>
<script src="resources/js/quotation.js" type="text/javascript"></script>
<script src="resources/js/container_details.js" type="text/javascript"></script>
<script src="resources/angular/angular-modal-service.js" type="text/javascript"></script>
<script src="/containers/resources/js/user-registration.js" type="text/javascript"></script>
</body>
mes route.js fichier
var app = angular.module('myApp',['ngTable','jcs-autoValidate','ngRoute']);
// configure our routes
app.config(function($routeProvider,$locationProvider) {
$routeProvider
.when('/containers', {
templateUrl : 'template.jsp'
})
.when('/container-details', {
templateUrl : 'container-details.jsp',
controller : 'myCtrl'
})
.when('/quotation-approve', {
templateUrl : 'quotation_approve.jsp',
controller : 'ourCtrl'
})
.when('/user-registration', {
templateUrl : 'user-registration.jsp',
controller : 'userCtrl'
})
$locationProvider.html5Mode(true);
});
/* app.config(["$routeProvider", "$locationProvider", function ($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);*/
I définis tous les modules comme ci-dessous:
var app = angular.module("myApp");
lorsque je charge erreur se produit de la page. erreur dit 
user registration.js
var app = angular.module("myApp");
app.run(function(defaultErrorMessageResolver, validator) {
validator.setValidElementStyling(false);
defaultErrorMessageResolver.getErrorMessages().then(function(errorMessages) {
errorMessages['min-length'] = 'Username must be at least {0} letters';
errorMessages['max-length'] = 'Username must be {0} letters Only';
errorMessages['pwError'] = "Password should be atleast 8 characters long and should contain one number,one character and one special character";
errorMessages['passwordVerify'] = "password not matched";
errorMessages['validEmail'] = "Please enter a valid email address";
});
});
app.controller('userCtrl', function($scope, $http, NgTableParams, $timeout, $filter) {
$scope.getAllUserDetails = function() {
$http({
method: "GET",
url: "/containers/getUserRolle"
}).then(function mySucces(response) {
$scope.getAllRolesDetails();
$scope.userRolless = response.data.userRolles;
// console.log($scope.userRolless);
$scope.getDatas();
}, function myError(response) {
$scope.userRolless = response.data.userRolles;
});
}
$scope.getAllTableData = function() {
// $scope.edituserdetails={};
//$scope.edituserdetails.activeuser=true;
$http({
method: "GET",
url: "/containers/getUserRolle"
}).then(function mySucces(response) {
// \t \t \t $scope.getAllRolesDetails();
$scope.userRolless = response.data.userRolles;
// \t \t console.log($scope.userRolless);
$scope.getDatas();
}, function myError(response) {
$scope.userRolless = response.data.userRolles;
});
}
$scope.getDatas = function() {
console.log("tesssst" + $scope.userRolless);
//console.log("tesssst"+$scope.userRolless.object.name);
$scope.tableParams = new NgTableParams({
page: 1, // show first page
count: 5,
// count per page
// filter: {name: '' },
// sorting: { username: "asc" },
}, {
dataset: $scope.userRolless
});
}
$scope.getAllRolesDetailsById = function(roleId) {
$http({
method: "GET",
url: "/containers/getUserRoleById",
params: {
roleId: roleId
}
}).then(function mySucces(response) {
console.log(response.data.userAllRollesById);
$scope.userAllRolles = response.data.userAllRollesById;
$scope.edituserdetails.role = $scope.userAllRolles[0];
// console.log("user Active status"+ $scope.edituserdetails.activeuser);
}, function myError(response) {
console.log(response.data.userAllRolles);
$scope.userAllRolles = response.data.userAllRollesById;
});
}
$scope.editUserFunction = function(usersid) {
$http({
method: "GET",
url: "/containers/getUserDetails",
params: {
userId: usersid
}
}).then(function mySucces(response) {
$scope.edituserdetails = response.data.userDetails;
$scope.username = response.data.userDetails.username;
$scope.getAllRolesDetailsById($scope.edituserdetails.roleId);
console.log(response.data.userDetails);
console.log("user Active status" + response.data.userDetails.userstatus);
if (response.data.userDetails.userstatus === 'Y') {
$scope.edituserdetails.activeuser = true;
} else {
$scope.edituserdetails.activeuser = false;
}
$scope.edituserdetails.password = "";
$scope.edituserdetails.confirmpassword = "";
}, function myError(response) {
$scope.edituserdetails = response.data.userRolles;
});
// \t console.log(usersid);
}
$scope.getExistingUserValidateFunction = function(userName) {
$http({
method: "GET",
url: "/containers/validateUser",
params: {
userName: userName
}
}).then(function mySucces(response) {
var test = response.data.ExistingUserStatus
console.log("ddddd" + test);
return test;
}, function myError(response) {
// \t return response.data.ExistingUserStatus;
});
}
$scope.changePassword = function() {
console.log("ddddd" + $scope.edituserdetails.activeuser);
if ($scope.edituserdetails.activeuser) {
activeuserstatus = 'Y';
} else {
activeuserstatus = 'N';
}
console.log("ccccc" + activeuserstatus);
$http({
method: "POST",
url: "/containers/registrationuser",
data: {
"email": $scope.edituserdetails.email,
"username": $scope.username,
"password": $scope.edituserdetails.password,
"id": $scope.edituserdetails.id,
"role": $scope.edituserdetails.role,
"userstatus": activeuserstatus
}
})
.success(function(data) {
$timeout(function() {
$scope.msgType = false;
}, 3000);
$scope.theform.$setPristine();
if (data.errorList.length > 0) {
$scope.fieldErrorList = data.errorList;
$scope.msgType = 'Error';
} else {
$scope.msgType = 'Success';
$scope.getAllTableData();
}
$scope.theform.$setPristine();
// \t \t \t \t \t document.body.scrollTop = document.documentElement.scrollTop = 0;
// $scope.resetFunction();
});
// Posting data to php file
}
/* form.$setPristine = function() {
\t $animate.setClass(element, PRISTINE_CLASS, DIRTY_CLASS + ' ' + SUBMITTED_CLASS);
\t form.$dirty = false;
\t form.$pristine = true;
\t form.$submitted = false;
\t forEach(controls, function(control) {
\t control.$setPristine();
\t });
\t };*/
$scope.saveUserFunction = function() {
console.log("ddddd" + $scope.edituserdetails.activeuser);
if ($scope.edituserdetails.activeuser) {
activeuserstatus = 'Y';
} else {
activeuserstatus = 'N';
}
console.log("ccccc" + activeuserstatus);
$http({
method: "POST",
url: "/containers/registrationuser",
data: {
"email": $scope.edituserdetails.email,
"username": $scope.username,
"password": $scope.edituserdetails.password,
"id": $scope.edituserdetails.id,
"role": $scope.edituserdetails.role,
"userstatus": activeuserstatus
}
})
.success(function(data) {
console.log($scope.theform);
if (data.errorList.length > 0) {
$scope.fieldErrorList = data.errorList;
$scope.msgType = 'Error';
$scope.theform.$setPristine();
} else {
$scope.msgType = 'Success';
// $scope.edituserdetails = {};
$scope.resetFunction();
$scope.getAllTableData();
$timeout(function() {
$scope.msgType = false;
}, 3000);
$scope.theform.$setPristine();
}
// \t \t \t \t \t document.body.scrollTop = document.documentElement.scrollTop = 0;
$scope.resetFunction();
$scope.theform.$setPristine();
});
// Posting data to php file
}
$scope.resetFunction = function() {
$scope.edituserdetails = {};
$scope.username = '';
$scope.edituserdetails.role = $scope.userAllRolles[0];
$scope.theform.$setPristine();
}
$scope.checkPwd = function() {
var str = document.getElementById('pw').value;
if (str.length < 6) {
alert("too_short");
return ("too_short");
} else if (str.length > 50) {
alert("too_long");
return ("too_long");
} else if (str.search(/\d/) == -1) {
alert("no_num");
return ("no_num");
} else if (str.search(/[a-zA-Z]/) == -1) {
alert("no_letter");
return ("no_letter");
} else if (str.search(/^(?=.*[A-Za-z])(?=.*\d)(?=.*[[email protected]$!%*#?&])[A-Za-z\[email protected]$!%*#?&]{8,}$/) != -1) {
alert("bad_char");
return ("bad_char");
}
alert("oukey!!");
return ("ok");
}
$scope.changePasswordFucntion = function(username) {
console.log(username);
$http({
method: "POST",
url: "/containers/changePassword",
data: {
"password": $scope.edituserdetails.password,
"username": username,
"curruntPassword": $scope.edituserdetails.curruntpassword,
"passwordConfirm": $scope.edituserdetails.confirmpassword
}
})
.success(function(data) {
$timeout(function() {
$scope.msgType = false;
}, 3000);
$scope.theform.$setPristine();
if (data.errorList.length > 0) {
$scope.fieldErrorList = data.errorList;
$scope.msgType = 'Error';
} else {
$scope.msgType = 'Success';
$scope.getAllTableData();
}
$scope.theform.$setPristine();
});
}
$scope.getAllRolesDetails = function() {
$http({
method: "GET",
url: "/containers/getUserAlRolles"
}).then(function mySucces(response) {
// \t console.log(response.data.userAllRolles);
$scope.userAllRolles = response.data.userAllRolles;
$scope.edituserdetails = response.data.userAllRolles;
$scope.edituserdetails.role = response.data.userAllRolles[0];
}, function myError(response) {
// \t console.log(response.data.userAllRolles);
$scope.userAllRolles = response.data.userAllRolles;
});
}
})
app.directive("passwordVerify", function() {
return {
require: "ngModel",
scope: {
passwordVerify: '='
},
link: function(scope, element, attrs, myCtrl) {
scope.$watch(function() {
var combined;
if (scope.passwordVerify || myCtrl.$viewValue) {
combined = scope.passwordVerify + '_' + myCtrl.$viewValue;
}
return combined;
}, function(value) {
if (value) {
myCtrl.$parsers.unshift(function(viewValue) {
var origin = scope.passwordVerify;
if (origin !== viewValue) {
myCtrl.$setValidity("passwordVerify", false);
return undefined;
} else {
myCtrl.$setValidity("passwordVerify", true);
return viewValue;
}
});
}
});
}
};
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
S'il vous plaît montrer le code pour i '-édité registration.js' utilisateur – Rahul
. pls vérifier cher Rahul – user1177842
pouvez-vous essayer d'avoir un module différent comme var app = angular.module ("userRegistration"); 'dans user-registration.js et dans route.js' var app = angular.module ('myApp', [ 'ngTable', 'jcs-autoValidate', 'ngRoute', 'userRegistration']); ' – Rahul