Issue with AngularJs app in IE11: Error message "Object does not have 'then' method"

Question

Issue with AngularJs app in IE11: Error message "Object does not have 'then' method"

Encountering an error in IE that says: "TypeError: Object doesn't support property or method 'then'", while trying to execute the following function within my AngularJs controller:

GetUserAccessService.checkForValidHashPeriod()
    .then(function (result) {
        if (result === 'false') {
            GetUserAccessService.returnUserHashAuthentication();
        }
    });

Here's the implementation of the

GetUserAccessService.checkForValidHashPeriod

function from my AngularJs service:

this.checkForValidHashPeriod = function () {
    var result;
    var now = new Date().getTime();
    if ($sessionStorage.userAuthenticationTokenDate !== null && $sessionStorage.userAuthenticationTokenDate !== undefined) {
        var timeDiff = now - $sessionStorage.userAuthenticationTokenDate;
    }
    if (angular.isUndefined($sessionStorage.userAuthenticationToken) || timeDiff > 1500000) {
        result = false;
    }
    else {
        result = true;
    }
    var stringResult = result.toString();
    return stringResult;
};

Seeking guidance on what could be causing the issue with using a .then call?

javascript angularjs

Answer 1

Answer №1

Your code snippet needs to be modified because the method will now return a string and cannot utilize 'then' in this context

Var someString = GetUserAccessService.checkForValidHashPeriod()
    if (someString === 'false') {
        GetUserAccessService.returnUserHashAuthentication();
    }

Answer 2

Your code snippet needs to be modified because the method will now return a string and cannot utilize 'then' in this context

Var someString = GetUserAccessService.checkForValidHashPeriod()
    if (someString === 'false') {
        GetUserAccessService.returnUserHashAuthentication();
    }

Answer 3

Answer №2

If you're planning on implementing promises in Internet Explorer, consider using the Bluebird library to ensure compatibility with older browser versions.

Answer 4

If you're planning on implementing promises in Internet Explorer, consider using the Bluebird library to ensure compatibility with older browser versions.

Answer 5

Answer №3

If someone else encounters the same issue, here is an alternative solution (which I ultimately decided to use) that was inspired by feedback and guidance from Phil:

this.checkForValidHashPeriod = function () {
    var result = $q.defer();
    var now = new Date().getTime();
    if ($sessionStorage.userAuthenticationTokenDate !== null && $sessionStorage.userAuthenticationTokenDate !== undefined) {
        var timeDiff = now - $sessionStorage.userAuthenticationTokenDate;
    }
    if (angular.isUndefined($sessionStorage.userAuthenticationToken) || timeDiff > 1500000) {
        result.resolve(false);
    }
    else {
        console.log('Hash is valid.')
        result.resolve(true);
    }
    return result.promise;
};

Although some may argue it's an unnecessary use of promises and $q, I personally find this method aligns well with the approach in the rest of my service.

Answer 6

If someone else encounters the same issue, here is an alternative solution (which I ultimately decided to use) that was inspired by feedback and guidance from Phil:

this.checkForValidHashPeriod = function () {
    var result = $q.defer();
    var now = new Date().getTime();
    if ($sessionStorage.userAuthenticationTokenDate !== null && $sessionStorage.userAuthenticationTokenDate !== undefined) {
        var timeDiff = now - $sessionStorage.userAuthenticationTokenDate;
    }
    if (angular.isUndefined($sessionStorage.userAuthenticationToken) || timeDiff > 1500000) {
        result.resolve(false);
    }
    else {
        console.log('Hash is valid.')
        result.resolve(true);
    }
    return result.promise;
};

Although some may argue it's an unnecessary use of promises and $q, I personally find this method aligns well with the approach in the rest of my service.

Issue with AngularJs app in IE11: Error message "Object does not have 'then' method"

Answer №1

Answer №2

Answer №3

Similar questions

Changing the opacity of the background when a Bootstrap modal is displayedHere's how you can

Ways to reset the input field of Material UI

Mongod is experiencing some issues with its functionality

Display and conceal fields based on radio button selection using JavaScript

Steps to access a JSON file in Angular.JS locally without utilizing a server

Incorporate live Twitch streaming onto a web platform

Loading Collada files with a progress callback function can help track the

Updating $route parameter in AngularJS - the ultimate guide

Tips for showcasing a Bootstrap alert

Unable to open new tab using target _blank in React js production build

Delays in running multiple jQuery UI effects at the same time

UI-Router - Displaying and concealing elements dynamically in response to state changes

Diagnosing circular JSON can be a challenging task

Only object types can be used to create rest types. Error: ts(2700)

Backand.com experienced a surprise encounter with an error 404 while utilizing the REST API

Displaying JSON data in a browser using Node.js without the need for refreshing the page

A guide to filtering out items from observables during processing with RxJS and a time-based timer

Modify HTML text using conditional CSS without JavaScript

Having trouble showing an image with jQuery after it has been uploaded

The method of inserting a JSON dates object to deactivate specific days