【问题标题】:ngcookies angularjs how to include module i'm using sub controllerngcookies angularjs 如何包含我正在使用子控制器的模块
【发布时间】:2017-07-13 07:12:49
【问题描述】:

如何向控制器注入 ngCookies 服务。我收到一条错误说明注入失败,如下所示错误:[$injector:unpr]http://errors.angularjs.org/1.5.3/$injector/unpr?p0=%24cookiesProvider%20%3C-%20%24cookies%20%3C-%20Intake

app.controller("Intake", ["$scope", "$http", "$window", "$mdDialog", "$mdToast", "IntakeFactory", "fileUpload", 'ngCookies',  function ($scope, $http, $window,  $mdDialog,  $mdToast, $Intake, $fileUpload ,$cookieStore ) {

【问题讨论】:

  • 检查下面的答案,看看它是否有效。

标签: angularjs angularjs-directive


【解决方案1】:

您必须注入 ngCookies 而不是在您的控制器中,而是在您的模块中,并且您的注入顺序不正确。

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

在您的控制器中,您可以通过注入 $cookieStore 来访问其属性,如下所示

app.controller("Intake", ["$scope", "$http", "$window", "$mdDialog", "$mdToast", "IntakeFactory", "$fileUpload", '$cookieStore',  function ($scope, $http, $window,  $mdDialog,  $mdToast,IntakeFactory, $fileUpload ,$cookieStore )

【讨论】:

    【解决方案2】:

    您可以像这样使用 cookie: (它在这个 sn-p 中不起作用,因为这里不允许使用 cookie)

    var app = angular.module('myApp', ['ngCookies']);
    app.controller('myCtrl', function($scope, $cookies) {
      $cookies.putObject('cookieData', 'this is value stored by cookie');
      $scope.data = $cookies.getObject('cookieData');
    });
    <!DOCTYPE html>
    <html>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-cookies.min.js"></script>
    
    <body>
    
      <div ng-app="myApp" ng-controller="myCtrl">
        {{data}}
      </div>
    
    </body>
    
    </html>

    【讨论】:

      【解决方案3】:

      正确注入服务。 试试下面的一个:-

      angular.module('Intake', ['ngCookies']).controller('Intake', ['$cookies', function( $cookies){}])
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-08-03
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-12-01
        • 1970-01-01
        • 2017-05-20
        相关资源
        最近更新 更多