注入 Angular 1.4.7 cookie 服务时出错答案

【问题标题】：Error injecting Angular 1.4.7 cookie service注入 Angular 1.4.7 cookie 服务时出错
【发布时间】：2015-10-13 04:39:51
【问题描述】：

我在网上对此进行了研究，但无法让它发挥作用。

我按照下面的在线文档将$cookies 服务注入我的登录控制器，但我不断收到错误：[$injector:modulerr]

cookie injection

(function () {
    'use strict';

    angular.module('rage', ['ngCookies']).controller('LoginCtrl',
        ['$rootScope', '$scope', '$cookies', '$modalInstance', '$q', 'datacontext', 'userService', authenticate]);

    function authenticate($rootScope, $scope, $cookies, $modalInstance, $q, datacontext, userService) {

        var login = this;

        // OK,CANCEL CLICK EVENTS FROM MODAL !!!
        $scope.ok = function () {
                       
            var user = {userId: login.userId, pswd: login.pswd};
            $modalInstance.close(user);
        };
        $scope.cancel = function () {
            $modalInstance.dismiss('cancel');
        };

    }
})();

我已将 Angular 从 1.3.5 升级到 1.4.7，并且我的 index.html 有：

<!-- jQuery and Bootstrap -->      
<script src="Scripts/jquery/jquery.min.js"></script>

<script src="Scripts/plugins/jquery-ui/jquery-ui.min.js"></script>
<script src="Scripts/bootstrap/bootstrap.min.js"></script>

<!-- Angular scripts-->
<!--<script src="Scripts/angular/angular-1.3.5.min.js"></script>-->
<script src="Scripts/angular/angular-1.4.7.min.js"></script>
<script src="Scripts/angular/angular-sanitize.min.js"></script>
<script src="Scripts/angular-ui-router/angular-ui-router.min.js"></script>
<script src="Scripts/angular/angular-cookies-1.4.7.min.js"></script>

<!-- angular-ui-bootstrap -->
<!--<script src="Scripts/bootstrap/ui-bootstrap-tpls-0.11.0.min.js"></script>-->
<script src="Scripts/bootstrap/ui-bootstrap-tpls-0.13.0.min.js"></script>

非常感谢您的建议...

鲍勃

【问题讨论】：

标签： angularjs cookies

【解决方案1】：

ngCookies 是一个外部模块：您必须在索引中包含angular-cookie.js 脚本。

除此之外，我看到你注入了$modalInstance，这可能是来自ui-bootstrap的服务。您还必须包含 angular-ui-bootstrap 脚本，并将模块添加为依赖项。

总而言之，您的 index.html 应该如下所示：

<script src="scripts/.../angular.js"></script>
<script src="scripts/.../angular-cookie.js"></script>
<script src="scripts/.../ui-bootstrap-tpls.js"></script>

以及模块声明：

angular.module('rage', ['ngCookies', 'ui.bootstrap'])

【讨论】：

确实如此！我刚刚发现了这一点，并下载了 angular-cookies.js，版本 1.4.7 也与 Angular 1.4.7 保持一致。不过，我仍在努力消除一些错误。
我想设置一个 cookie 过期时间，似乎 1.4.7 版本有它，但没有示例 - 即 code.angularjs.org/1.4.7/docs/api/ngCookies/provider/… 。有什么想法吗？
var expireDate = expireDate = moment().add(3, "month").format(); $cookies.put("cookieName", cookieString, { 'expires': expireDate });