1

您好我正在学习 AngularJS，并尝试保存 cookie 值我有两个 html 文件

索引.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="angular.min.js"></script>
    <script src="angular-cookies.min.js"></script>
    <script src="angular-route.min.js"></script>
    <script src="test.js"></script>
</head>
<body ng-app="myApp" ng-controller="helloCtrl">
    Hello <input type="text" ng-model="helloText"/>
    <input type="button" ng-click = "redirectToTest()" value="Go" />
</body>
</html>

测试.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="angular.min.js"></script>
    <script src="angular-cookies.min.js"></script>
    <script src="test.js"></script>
</head>
<body ng-app="myApp" ng-controller="testCtrl">
    Hello {{cookiesText}}
</body>
</html>

测试.js

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

var helloCtrl = myApp.controller('helloCtrl',
    function ($scope, $cookies, $window) {

        $scope.helloText = "Hello World!"

        $scope.redirectToTest = function(){
            $cookies.put('hello', $scope.helloText);
            console.log("Added hello to cookies : "+ $cookies.get('hello'));
            $window.location.href = "test.html";
        }
    });

var testCtrl = myApp.controller('testCtrl',
    function ($scope,$cookies) {
        $scope.cookiesText = '';
        $scope.init= function(){
            $scope.cookiesText = $cookies.get('hello');
        }
    });

我在 cookie 中添加了一些文本并重定向到 test.html 以显示 cookie 值，但它在某处丢失了？

是否有 $window.location.href 重置 cookie 值？

4

0 回答 0