Angelic: peculiar actions with ngCookies

Question

Angelic: peculiar actions with ngCookies

Within my Angular application

var mainApp = angular.module('mainApp', ['ngCookies']);

I have created the authCtrl controller:

mainApp.controller('authCtrl', ['$scope, $cookies',function ($scope, $http, $cookies) {

    $scope.credentials = {};

    $scope.signCheck = function () {
        a = $cookies.getObject('session_credentials');
        console.log(a);
    };
}]);

When I remove the $scope declaration from the array of injections:

mainApp.controller('authCtrl', ['$cookies',function ($scope, $http, $cookies) {

$scope becomes undefined. If I omit $cookies, then it also becomes undefined. And if both are kept, an unknown provider error is thrown by $injector.

What mistake am I making?

javascript angularjs cookies angularjs-scope

Answer 1

Answer №1

To ensure proper functionality, remember to arrange the services correctly in the injector array and controller function parameters:

The Angular documentation states:

This is the recommended method for annotating application components. It is the standard practice demonstrated in the documentation.

For instance:

someModule.controller('MyController', ['$scope', 'greeter', function($scope, greeter) {
  // ...
}]);

In this example, we provide an array containing a series of strings (dependencies' names) followed by the actual function.

When utilizing this form of annotation, it is important to maintain consistency among the annotation array and function parameters.

The following controller definition may be suitable for your needs:

mainApp.controller('authCtrl', ['$scope', '$http', '$cookies', function ($scope, $http, $cookies) {

    $scope.credentials = {};

    $scope.signCheck = function () {
        a = $cookies.getObject('session_credentials');
        console.log(a);
    };
}]);

Answer 2

To ensure proper functionality, remember to arrange the services correctly in the injector array and controller function parameters:

The Angular documentation states:

This is the recommended method for annotating application components. It is the standard practice demonstrated in the documentation.

For instance:

someModule.controller('MyController', ['$scope', 'greeter', function($scope, greeter) {
  // ...
}]);

In this example, we provide an array containing a series of strings (dependencies' names) followed by the actual function.

When utilizing this form of annotation, it is important to maintain consistency among the annotation array and function parameters.

The following controller definition may be suitable for your needs:

mainApp.controller('authCtrl', ['$scope', '$http', '$cookies', function ($scope, $http, $cookies) {

    $scope.credentials = {};

    $scope.signCheck = function () {
        a = $cookies.getObject('session_credentials');
        console.log(a);
    };
}]);

Angelic: peculiar actions with ngCookies

Answer №1

Similar questions

Tips for establishing secure communication between a shell app and micro application (frontend) using pubsub technology

React and Express working seamlessly together on separate localhost ports without CORS interfering with the fetch call

The React.js Redux reducer fails to add the item to the state

Is there a way to streamline this function call that appears to be redundantly repeating the same actions?

Node.js is not accurately setting the content length. How can I resolve this issue?

What is the best way to assign a JavaScript string to a Java string?

Creating a persistent sticky element that remains at the forefront in Electron or JavaScript development

Combining information once constructing a complex array structure in JavaScript

What is the best way to change the class of the inline table of contents element using JavaScript?

Is there a way to achieve a transparent background while animating the second text?

An unforeseen repetition of jQuery Ajax calls

My variable from subscribe is inaccessible to Angular2's NgIf

Attempting to save data to a .txt file using PHP and making an AJAX POST request

Creating custom services that modify or extend default services in a shared module

Laravel's blade allows you to easily convert an HTML element to an array using the same name

The jQuery Bootstrap extension functions correctly on Firefox, but encounters compatibility issues on IE10

How can I detect the @mouseup event in a Vue Bootstrap slider?

The form's onsubmit function, which triggers an ajax call, does not complete before the form proceeds to its next action. Interestingly, this issue is only experienced on

Is there a method to reduce the requirement for if-conditions in this situation?

What could be the reason for this Javascript code not functioning as intended, failing to generate a random number between 1 and 3 when I click on any of the buttons