Retrieve all properties associated with the current instance in the Angular 2 controller

Question

Retrieve all properties associated with the current instance in the Angular 2 controller

I am looking to assign class variables with values from session storage if they exist, otherwise the variable will retain its default value initialized in ngOnInit.

private getTableSessionItems = () => {
    var tSession = JSON.parse(sessionStorage.getItem('tableSession'));

    if(tSession){
        for (var property in tSession) {
            if (tSession.hasOwnProperty(property)) {
                this[property] = tSession[property];
            }
        }
        console.log('tableSession is true');
    }
    else{
        this.setTableSessionItems();
        console.log('nope keep trying', tSession);

    }
}

javascript angular typescript session-storage

Answer 1

Answer №1

One way to access and update properties within the current class is by using dynamic methods:

private fetchTableSessionItems = () => {
    var tableSession = JSON.parse(sessionStorage.getItem('tableSession'));

    if(tableSession){
        for (var prop in tableSession) {
            if (tableSession.hasOwnProperty(prop)) {
                this[prop] = tableSession[prop];
            }
        }
        console.log('table session data retrieved successfully');
    }
    else{
        this.setTableSessionItems();
        console.log('unable to retrieve table session data', tableSession);
    }
}

Answer 2

One way to access and update properties within the current class is by using dynamic methods:

private fetchTableSessionItems = () => {
    var tableSession = JSON.parse(sessionStorage.getItem('tableSession'));

    if(tableSession){
        for (var prop in tableSession) {
            if (tableSession.hasOwnProperty(prop)) {
                this[prop] = tableSession[prop];
            }
        }
        console.log('table session data retrieved successfully');
    }
    else{
        this.setTableSessionItems();
        console.log('unable to retrieve table session data', tableSession);
    }
}

Retrieve all properties associated with the current instance in the Angular 2 controller

Answer №1

Similar questions

Get detailed coverage reports using Istanbul JS, Vue JS, Vue CLI, Cypress end-to-end tests, and Typescript, focusing on specific files for analysis

Encountering Syntax Errors during Angular 6 production build

React, Redux, Thunk - the trifecta of powerful

JQuery Ajax encounters a 500 error message due to an internal server issue

Error: Unable to assign value to property 'src' because it is null

Tips for ensuring a custom menu closes when clicking outside of it instead of on the menu itself

Is it possible for an ul to be displayed beneath a white section within an li

Incorporate v-if to target a particular item within a v-for loop

Which task runner should I use for my NodeJS application - Gulp or Grunt?

Ways to retrieve information from a intricate JSON structure?

Tips for utilizing the getServerSideProps function

How can I extract the return value of a JSON object and store it in a variable?

In Typescript, we can streamline this code by assigning a default value of `true` to `this.active` if `data.active

Loading identical items using jQuery Ajax

Steps to displaying a genuine Docx file within a Material CardMedia

The error message "Property 'originalUrl' is not found in type 'Request<ParamsDictionary, any, any, ParsedQs, Record<string, any>>'" appeared

Attempting to gather data from an HTML form and perform calculations on it using JavaScript

Choosing options from an API response in a REACT-JS application

What is the best way to pass a conditional true or false value to React boolean props using TypeScript?

What is the best way to tally a score after analyzing two spans in Javascript?