Angular syntax error occuring in IE browser only

Question

I have this little piece of JavaScript code in my angular project that throws a syntax error when running in IE 11 but works fine in Chrome. This function isn't even invoked on the loading page but the error is still thrown.

If I comment it out the page loads fine.

It seems to be complaining about the .then line, and I have no idea why.

$scope.showNewTeamDialog = function (ev) {
        $mdDialog.show({
            controller: NewTeamDialogController,
            templateUrl: 'NewTeam.html',
            locals: { newTeamName: $scope.newTeamName },
            parent: angular.element(document.body),
            targetEvent: ev
        }).then((newTeamName) => {
            if (newTeamName != undefined) {
                $scope.newTeamName = newTeamName.newTeamName;
                $scope.createNewTeam();
            }
        });

    };

IE does not support arrow functions. – Alex K Sep 20 '17 at 12:47 — Alex K, Sep 20 '17 at 12:47

score 2 · Answer 1 · edited Sep 20 '17 at 13:55

You will have to modify your code to support IE.

$scope.showNewTeamDialog = function (ev) {
        $mdDialog.show({
            controller: NewTeamDialogController,
            templateUrl: 'NewTeam.html',
            locals: { newTeamName: $scope.newTeamName },
            parent: angular.element(document.body),
            targetEvent: ev
        }).then(function(newTeamName){
            if (newTeamName != undefined) {
                $scope.newTeamName = newTeamName.newTeamName;
                $scope.createNewTeam();
            }
        }.bind(this);
    };

IE doesn't support the syntax you have written. Use function syntax instead of arrow syntax.

Angular syntax error occuring in IE browser only

1 Answers1