I have a page where I look for certain information.
When I click on the edit button, I charge this information in a localStorage variable, and redirect the user to another page.
In the onInit method of this new page, I charge the information in the respective variables, that's how far it works perfectly.
Now, every time that I leave this new page and come back, the localStorage information is being loaded, which shouldn't happen, so before the localStorage information is being loaded,
I need to detect whether the user is coming with the intention of editing the page or just browsing.
To try to solve it, I create a simple variable that works like Get and Set, when the user clicks on edit, before redirect, I change this variable ("this.isEdit")
to "true" and in the OnInit of the redirected page, I want to check what value the variable has, to know If I have to preload the information saved in localStorage or not.
The problem is that the state of "this.isEdit" is not being maintained.
Does anyone know what I'm doing wrong or have any other suggestions?>
I'd really appreciate it.
This is my service file (common file for twice pages):
public isEdit: any;
constructor(private http: HttpClient) { }
// Control edition of file
setEditMood(data: any) {
this.isEdit = data;
}
getEditMood() {
return this.isEdit;
}
Here I am seting this variable, and made a query to preload information in localStorage.In this point this.mappingService.getEditMood() is true when I made console.log
editFileRequest(fileN: any) {
var businessObj = this.searchFile.value["bussinessObject"];
// Call API to Load file information of Business Object + FileName combination
this.configurationFileService.fileInformation(businessObj, fileN).subscribe((information: any) => {
// Popullate the dataMapping table and form
var mood = "true";
var constt = this.mappingService.setEditMood(mood);
localStorage.setItem("businessObjSelected", JSON.stringify(this.searchFile.value["bussinessObject"]));
localStorage.setItem("fileNameSelected", JSON.stringify(fileN));
localStorage.setItem("dataMappingCashedData", JSON.stringify(information));
//localStorage.setItem("table", JSON.stringify(information));
// Redirect to dataMapping table
console.log('Edited', this.mappingService.getEditMood());
this.router.navigate(['/app/datamapping']);
});
}
This is the page on that I need to get information according to the status this.mappingService.getEditMood() that, at this time should be true.
ngOnInit(): void {
var isEditingr = this.mappingService.getEditMood();
console.log('Get', isEditingr);
if(isEditingr == "true"){
this.sel_businessObject = JSON.parse(localStorage.getItem("businessObjSelected"));
this.fileNameToEdit = JSON.parse(localStorage.getItem("fileNameSelected"));
this.dataMappingData = JSON.parse(localStorage.getItem("dataMappingCashedData"));
}
// Call API to Load Business Object
this.mappingService.bussinessObject().subscribe((bussiness: any) => {
//debugger;
this.listBussinessObj = bussiness;
})
this.mappingService.existingTables().subscribe((existingTables: any) => {
this.listTable = existingTables;
})
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…